/*------------------------------------------------------------------------------------------- #[01]card*/
/*----- #[01]card */
.card{
	background:transparent;
	border-width:0;
	border-radius:0;
}
/*----- base end -----*/

.card{
	padding:0.5rem;
	background:rgba(var(--primary-rgb),0.1);
	border:1px solid rgba(var(--primary-rgb),0.1);
	
	transition:border-color 0.2s ease-in-out;
}
.card:hover{
	background:transparent;
	border-color:rgba(var(--primary-rgb),0.3);
}








/*------------------------------------------------------------------------------------------- #[02]card-row*/
/*---- #[02]card-row */
.card-row{
	display:flex; flex-wrap:wrap;
}

.card-row > .card-left,
.card-row > .card-center,
.card-row > .card-right,
.card-row > .card-one,
.card-row > .card-two,
.card-row > .card-three{ width:100%; }

.card-row > .card-center,
.card-row > .card-right{
	margin-top:1rem;
}
@media (min-width:992px){
	.card-row > .card-center,
	.card-row > .card-right{
		margin-top:0.5rem;
	}
}
/*----- base end -----*/











/*------------------------------------------------------------------------------------------- #[03]card-photo*/
/*---- #[03]card-photo */
.card-photo, 
.card-iframe{
	position:relative;
	background:#fff;
	border:1px solid #eee;
}

.card-mask{
    display:none;
}

.card-iframe iframe{ z-index:2;}
.card-iframe.map{
	position:relative;
	
	background:#F1F3F4;
}
.card-iframe.map:before{
	position:absolute; z-index:1; bottom:2px; right:2px;
	content:"MAP";
	font-family:Helvetica, sans-serif; font-weight:600; line-height:1;
	color:#BDD4F8;
}
/*----- base end -----*/









/*------------------------------------------------------------------------------------------- #[04]card-body */
/*---- #[04]card-body */
.card-header, 
.card-body, 
.card-footer{
}
/*----- base end -----*/










/*------------------------------------------------------------------------------------------- #[05]card-name */
/*---- #[05]card-name */
.card-name{
	position:relative;
	font-size:1rem; font-weight:600;
	line-height:1.4;
	margin:5px 0;
}
.card-name,
.card-name a{
	color:var(--primary-color);
}
.card:hover .card-name a{
	color:var(--dark-color);
}
/*@media (min-width:992px){
	.card-name{
		font-size:1.1rem;
	}
}*/
/*----- base end -----*/










/*------------------------------------------------------------------------------------------- #[05]card-name:hover */
/*---- #[05]card-name:hover */
.card-name a:hover,
.card:hover .card-name a:hover{
	color:var(--accent-color);
}








/*------------------------------------------------------------------------------------------- #[06]card-text */
/*---- #[06]card-text */
.card-text{
	font-size:0.875rem; line-height:1.6;
	color:#666;
	margin-top:0.5rem;
}
.card-text:last-child{
	margin-bottom:0;
}

.card-text img{
	display:none; /*在列表裡的說明文字，若有圖片則隱藏*/
}
.card-location .card-text img{
	display:block; /*無詳細頁，故表列時須出現圖片*/
}

/*首頁-關於我們*/
.card-about.about-one .card-text img,
.card-about.about-two .card-text img{
	display:inline-block;
	max-width:100%; height:auto;
}
/*----- base end -----*/














/*------------------------------------------------------------------------------------------- #[07]card-info */
/*---- #[07]card-info */
.card-infolist{}

.card-info{
    position:relative;
    display:flex; flex-wrap:wrap;
	align-items:center; /*-----預設置中排列(上下)*/
    font-size:0.875rem; line-height:1;
	padding:2px 0;
    margin-top:6px;
}

.card-info , .card-info a{
	color:rgba(0,0,0,0.6);
}
.card-info a:hover{
	color:var(--accent-color);
}

.card-info .iconsvg,
.card-info .info-icon,
.card-info .info-title,
.card-info .info-text{
    display:block;
    line-height:1.4;
	margin:0 3px;
}

.card-info .iconsvg{
    /*display:none; -----預設card-info 裡的 iconsvg 先隱藏*/
    width:16px; height:16px;
	margin-top:2px; margin-bottom:2px;
}
.card-info .iconsvg:before{ 
    background-color:#777;
}

.card-info .info-icon{
    width:20px; height:20px;
}
.card-info .info-icon img{
	display:block; max-width:100%; height:auto;
}

.card-info .info-text{
	word-break:break-all;
	word-wrap:break-word;
	
	flex:1 1 auto;
    width:1%; min-width:0;
}
/*----- base end -----*/


.card-info.location{
	font-size:0.75rem;
	color:#666;
	text-align:right;
}
.card-info.location .iconsvg{
	display:none;
}














/*------------------------------------------------------------------------------------------- #[08]card-文字限行 */
/*---- #[08]card-文字限行 */

.card-village .card-text,
.card-village-summary .card-text,
.card-activity .card-text,
.card-news .card-name,
.card-news .card-text,
.card-article .card-name,
.card-article .card-text,
.card-people .card-footer .card-text,
.card-uninews .card-name,
.card-uninews .card-text,
.card-life .card-name,
.card-life .card-text{
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-box-orient:vertical;
	white-space:normal;
}


.card-village-summary .card-text{
	-webkit-line-clamp:3;
}

.card-village .card-text,
.card-activity .card-text,
.card-news .card-name,
.card-news .card-text,
.card-article .card-name,
.card-article .card-text,
.card-people .card-footer .card-text,
.card-uninews .card-name,
.card-uninews .card-text,
.card-life .card-name,
.card-life .card-text{
	-webkit-line-clamp:2;
}










/*------------------------------------------------------------------------------------------- #[09]card-icon */
/*---- #[09]card-icon */
.card-iconlist{
	display:flex; flex-wrap:wrap;
	align-items:center;
	margin-top:15px;
}
.card-iconlist > li{ margin-right:5px; }
.card-iconlist > li:last-child{ margin-right:0; }

.card-icon{
	display:block;
	border-radius:4px;
}
.card-icon .iconsvg:before{
	background-color:#fff;
	-webkit-mask-size:65% 65%;
    mask-size:65% 65%;
}

.card-icon.website{ background:#2BAC37; }
.card-icon.line{ background:#FBBC04; }
.card-icon.mail{ background:#3785C4; }























/*------------------------------------------------------------------------------------------- #[10-1]card effect */
/*---- #[10-1]card effect */

/*詳細頁-縮圖*/
.card-figure{
	border-width:0;
}
.card-figure:hover{
	background:transparent;
}
.card-figure:hover .card-photo{
	border-color:var(--primary-color);
}
.card-figure .card-text{
	color:#666;
	font-size:0.875rem;
	text-align:center;
	margin-top:5px;
}
















/*------------------------------------------------------------------------------------------- #[10-2]effect-photo-more */
/*---- #[10-2]effect-photo-more */

.effect-photo-more .card{
	border-width:0;
	background:transparent;
	text-align:center;
}
.effect-photo-more .card:hover{
	background:transparent;
}

.effect-photo-more .card .card-photo{
	position:relative;
	border-color:#ccc;
}
.effect-photo-more .card .card-photo a{
	display:block;
}
@media (min-width:992px){

	.effect-photo-more .card .card-photo{
		overflow:hidden;
	}
	.effect-photo-more .card .card-photo a:before{
		position:absolute; z-index:1; top:-25%; left:-25%; content:"";
		width:150%; height:150%;
		
		background:rgba(var(--secondary-rgb), 0.4);
		
		border-radius:50%;
	}
	.effect-photo-more .card .card-photo a:after{
		position:absolute; z-index:1; top:50%; left:50%; content:"+";
		width:40px; height:40px;
		margin-top:-20px; margin-left:-20px;
	
		background:var(--secondary-color);
		
		border:1px solid #fff; border-radius:50%;
		font-size:22px; font-weight:600; line-height:36px;
		color:#fff;
		text-align:center;
	}

	.effect-photo-more .card .card-photo a:before,
	.effect-photo-more .card .card-photo a:after{
		opacity:0;
		transform:scale(0);
		transition:transform 0.5s ease;
	}
	.effect-photo-more .card .card-photo a:after{
		transition-delay:0.2s;
	}
		
	.effect-photo-more .card:hover .card-photo a:before,
	.effect-photo-more .card:hover .card-photo a:after{
		opacity:1;
		transform:scale(1);
	}
}

















/*------------------------------------------------------------------------------------------- #[10-3]effect */
/*---- #[10-3]effect */

.card-news,
.card-article{
}
@media (min-width:640px){
    .card-news .card-row,
	.card-article .card-row{
		align-items:center;
	}
    .card-news .card-left,
	.card-article .card-left{
		width:20%;
	}
    .card-news .card-right,
	.card-article .card-right{
		width:80%;
		padding-left:1rem;
	}
}
















/*------------------------------------------------------------------------------------------- #[10-4]card effect */
/*---- #[10-4]card effect */
.card-uninews .card-infolist,
.card-life .card-infolist{
	margin-top:0.5rem;
}

.card-uninews .card-info,
.card-life .card-info{
	color:#666;
	/*font-size:0.75rem;*/
	margin:0;
	padding:2px 0;
}





@media (min-width:992px){
	.idx-life-list .card .card-row{
		align-items:center;
	}
	.idx-life-list .card .card-left{
		width:15%;
	}
    .idx-life-list .card .card-right{
		width:85%;
		padding-left:1rem;
	}
	
	.idx-life-list .card .card-info,
	.idx-life-list .card .card-text{
		display:none;
	}
}













/*------------------------------------------------------------------------------------------- #[10-5]card effect */
/*---- #[10-5]card effect */
.idx-package-list .card,
.idx-package-sub-list .card{
}

@media (min-width:576px){
	.idx-package-list > li:first-child{
		width:100%;
	}
}

@media (min-width:992px){
    .idx-package-list .card .card-row,
	.idx-package-sub-list .card .card-row{
		align-items:center;
	}
    .idx-package-list .card .card-left,
	.idx-package-sub-list .card .card-left{
		width:20%;
	}
    .idx-package-list .card .card-right,
	.idx-package-sub-list .card .card-right{
		width:80%;
		padding-left:1rem;
	}
	.idx-package-list .card .card-photo .thumb,
	.idx-package-sub-list .card .card-photo .thumb{
		background-size:cover;
	}
	
	.idx-package-list .card .card-info,
	.idx-package-list .card .card-text{
		display:none;
	}

	.idx-package-list > li:first-child .card .card-left,
	.idx-package-list > li:first-child .card .card-right{
		width:100%;
		padding-left:0;
	}
	.idx-package-list > li:first-child .card .card-photo .thumb{
		padding-bottom:70%;
	}
	
}























/*====== # module ====================================================================================================================================================================
======================================================================================================================================================================================
====================================================================================================================================================================================*/ 











/*------------------------------------------------------------------------------------------- #village[01] 村里 */
/*---- #village[01] 村里 */

.card-village-summary{
	max-width:400px;

	padding-bottom:45px;
	margin:0 auto 3rem auto;
    border-bottom:2px dashed rgba(var(--light-rgb),0.8);
}

.card-village-summary .card-photo{
	overflow:hidden;
}
.card-village-summary .card-left .card-photo{
	border-radius:10px;
}
.card-village-summary .card-center .card-photo{
	border-radius:50%;
}

.card-village-summary .card-name{
	font-size:1rem;
}

.card-village-summary .card-info{
	font-size:1rem; font-weight:600;
}
.card-village-summary .card-info,
.card-village-summary .card-info a{
	color:#333;
}
.card-village-summary .card-info a:hover{
	color:var(--accent-color);
}
.card-village-summary .card-info .iconsvg{
	display:block;
	width:30px; height:30px;
	background:var(--secondary-color);
	border-radius:4px;
}
.card-village-summary .card-info .iconsvg:before{
	background-color:#fff;
	
	-webkit-mask-size:65% 65%;
    mask-size:65% 65%;
}

.card-village-summary .card-text{
	font-size:0.875rem;
}

.card-village-summary .card-left,
.card-village-summary .card-center,
.card-village-summary .card-right{
	margin-top:1rem;
}
@media (min-width:768px){
	.card-village-summary{
		max-width:100%;
		
		padding-bottom:0;
		border-bottom-width:0;
	}
	.card-village-summary .card-row{
		align-items:center;
	}
	
	.card-village-summary .card-left{
		width:100%;
	}
	.card-village-summary .card-center,
	.card-village-summary .card-right{
		width:50%;
	}
	
	.card-village-summary .card-inner .card-left{
		width:30%;
		margin-right:0;
	}
	.card-village-summary .card-inner .card-right{
		width:70%;
		padding-left:1rem;
	}
}
@media (min-width:992px){

	.card-village-summary .card-left,
	.card-village-summary .card-center,
	.card-village-summary .card-right{
		margin-top:0;
	}

	.card-village-summary .card-left{
		width:33%;
		margin-right:2%
	}
	.card-village-summary .card-center{
		width:33%;
		margin-right:2%
	}
	.card-village-summary .card-right{
		width:30%;
	}
	

}

















/*------------------------------------------------------------------------------------------- #village[01] 活動 */
/*---- #village[02] 活動 */

.activity-list{
	margin-bottom:2rem;
}

.card-activity{
	background:transparent;
	padding:1rem;
	border-width:0;
	border-bottom:1px dashed rgba(var(--primary-rgb),0.4);
}
.activity-list > li:first-child .card-activity{
  border-top:1px dashed rgba(var(--primary-rgb),0.4);
}

@media (min-width:640px){
    .card-activity .card-row{ align-items:center; }
    .card-activity .card-left{ width:20%; }
    .card-activity .card-right{ width:80%; padding-left:2rem; }
}


/*狀態*/
.card-activity .card-info.status{
	position:relative;
	display:inline-block;
	font-size:1rem; font-weight:600;
	color:#333;
	margin-bottom:0.5rem;
}
.card-activity .card-info.status .info-icon,
.card-activity .card-info.status .info-text{
	display:inline-block; vertical-align:middle;
	line-height:1;
	margin:0;
}

.card-activity .card-info.status .info-icon{
    width:18px; height:18px;
}
.card-activity .card-info.status .info-text{
	width:auto;
	flex:none;
}


/* 活動資料 */
.card-activity .card-infolist{
	margin-top:1rem;
}
.card-activity .card-info.event{
	align-items:flex-start;
    /*font-size:0.75rem;*/
	color:#333;
	text-align:left;
}
.card-activity .card-info.event .info-title{
    width:100px;
	border:1px solid #999;
	border-radius:2px;
	text-align:center;
}

.card-activity .card-info.company{
	/*font-size:0.75rem;*/
	color:#666;
	text-align:right;
}

















/*------------------------------------------------------------------------------------------- #people[03] 人物 */
/*---- #people[03] 人物 */

.card-people{
	/*border:1px solid #ccc;*/
	text-align:center;
}
.card-people .card-name{
	margin:1rem 0 0.5rem 0;
}
.card-people .card-info{
    /*font-size:0.75rem;*/
	color:#666;
}
.card-people .card-info .iconsvg{
	display:none;
}

.card-people .card-text{
	font-size:0.875rem;
	padding:0 1rem;
	margin-top:0.5rem;
}
.card-people .card-text.slogan{
	background:rgba(var(--primary-rgb), 0.1);
	color:#333;
	padding:0.5rem 1rem;
}

.card-people .card-infolist{
	border-top:1px dashed #ccc;
	margin-top:0.5rem;
	padding:0.5rem 0;
}
.card-people .card-infolist .card-info{
	text-align:center;
}















/*------------------------------------------------------------------------------------------- #village[00] 村里 */
/*---- #village[00] 村里 */
.card-village{
	transition:transform 0.4s ease;
}
.card-village:hover{
	transform:scale(1.1);
}















/*------------------------------------------------------------------------------------------- #store[00] 店 */
/*---- #store[00] 店 */
.card-store{
}

.card-store .card-photo{
	margin-bottom:1rem;
}

.card-store .card-info{
	align-items:flex-start;
}
.card-store .card-info .iconsvg{
	width:14px; height:14px;
}





/*詳細頁*/
.card-story-summary{
	margin:-2rem 0 2rem 0;
}
.card-story-summary .card-inner{
	border-top:2px dashed rgba(var(--primary-rgb),0.3);
	border-bottom:2px dashed rgba(var(--primary-rgb),0.3);
	padding:2rem 0;
}
@media (min-width:992px){

	.card-story-summary .card-left,
	.card-story-summary .card-center,
	.card-story-summary .card-right{
		margin-top:0;
	}

	.card-story-summary .card-left{
		width:200px;
	}
	.card-story-summary .card-center{
		flex:1 1 auto;
		width:1%;
		min-width:0;
		
		padding:0 2rem;
	}
	.card-story-summary .card-right{
		width:150px;
	}
}

.card-story-summary .card-photo{
	/*max-width:200px;*/
	border-radius:10px;
	/*margin:0 auto 2rem auto;*/
	overflow:hidden;
}



.card-story-summary .card-map{
	height:200px;
}
.card-story-summary .card-map iframe{
	width:100%; height:100%;
}
@media (min-width:992px){
	.card-story-summary .card-map{
		height:100%;
	}
}


@media (min-width:768px){
	.card-story-summary .card-infolist{
		display:flex; flex-wrap:wrap;
	}
	.card-story-summary .card-infolist > li{
		width:50%;
	}
}

.card-story-summary .card-info .iconsvg{
	width:26px; height:26px;
	
    background:var(--primary-color);
	
	border-radius:4px;
}
.card-story-summary .card-info .iconsvg:before{
	background-color:#fff;
	
	-webkit-mask-size:65% 65%;
	mask-size:65% 65%;
}

.card-story-summary .card-info .info-title{
	position:relative;
	width:84px;
	font-weight:600;
	margin-right:10px;
	padding-right:15px;
	

	/*文字左右對齊*/
	text-align:justify;
	text-align-last:justify;
	text-justify:inter-word;
}
.card-story-summary .card-info:hover .info-title{
	color:var(--accent-color);
}

.card-story-summary .card-info .info-title:after{
	position:absolute; top:0; right:0; content:"：";
	color:#333;
}


/*分類*/
.card-story-summary .card-info.cate{
	margin-bottom:0.2rem;
}
.card-story-summary .card-info.cate .iconsvg,
.card-story-summary .card-info.cate .info-title{
	display:none;
}









.around-map{
	/*max-width:800px;*/
	border:1px solid #ccc;
	margin:2rem auto;
}














/*------------------------------------------------------------------------------------------- #contact[00] 聯絡我們 */
/*---- #contact[00] 聯絡我們 */

.contact-infomap-row{ display:flex; flex-wrap:wrap; }

.contact-infomap-left,
.contact-infomap-right{
	width:100%;
}
.contact-infomap-right{
	margin-top:2rem;
}

.contact-mapbox{ height:200px; }
.contact-mapbox iframe{ height:100%; }	

@media (min-width:992px){
	.contact-infomap-left{
		width:50%;
	}
	.contact-infomap-right{
		flex:1 1 auto;
		width:1%; min-width:0;
		
		padding-left:3rem;
		margin-top:0;
	}
	
	.contact-mapbox{ height:100%; }	
}


.contact-info .row{
	margin-top:-15px;
}
.contact-info .row > li{
	margin-top:15px;
}

.contact-info .info-item{
	display:flex; flex-wrap:wrap;
}
.contact-info .info-item .iconsvg{
	width:30px; height:30px;
	
    background:var(--primary-color);
	
	border-radius:4px;
	margin-top:-3px;
	margin-right:9px;
}
.contact-info .info-item .iconsvg:before{
	background-color:#fff;
	
	-webkit-mask-size:65% 65%;
	mask-size:65% 65%;
}
/*.contact-info .info-item:hover .iconsvg{
	background:var(--accent-color);
}*/

.contact-info .info-title{
	position:relative;
	width:90px;
	font-weight:600;
	margin-right:10px;
	padding-right:15px;
	

	/*文字左右對齊*/
	text-align:justify;
	text-align-last:justify;
	text-justify:inter-word;
}
.contact-info .info-item:hover .info-title{
	color:var(--accent-color);
}

.contact-info .info-title:after{
	position:absolute; top:0; right:0; content:"/";
	color:#333;
}

.contact-info .info-item .info-text{
	flex:1 1 auto;
    width:1%; min-width:0;
}

.contact-info .info-item ,
.contact-info .info-item a{
	color:#333;
}
.contact-info .info-item a:hover{
	color:var(--accent-color);
}















/*------------------------------------------------------------------------------------------- #join[00] 加入 */
/*---- #join[00] 加入 */

.club-caption {
    min-height:150px;
	font-size:18px; font-weight:600;
    color:#604b29;
    margin:35px 0;
}

.club-sample-area{ margin:30px 0; text-align:center; }

.club-sample-list{ text-align:center; }
.club-sample-list li{ position:relative; display:inline-block; margin:5px 15px; }
.club-sample-list li:after{
	position:absolute; top:-2px; right:-18px;
	content:"|";
	font-size:18px;
	font-weight:600;
}
.club-sample-list li:last-child:after{ display:none; }

.club-sample-list li a{
	display:block;
	font-size:18px;
	font-weight:600;
}




































/*====== # index ====================================================================================================================================================================
======================================================================================================================================================================================
====================================================================================================================================================================================*/ 














/*------------------------------------------------------------------------------------------- #idx[00] index */
/*---- #idx[00] index */

.idx-sec-area{
	position:relative; z-index:2; overflow:hidden;
}
/*偶數區塊有背景色*/
.idx-sec-area:nth-child(2n){
	background:rgba(206,183,173,0.2);
}

/*區塊底部有鋸齒圖*/
.idx-sec-area:before{
	position:absolute; bottom:0; left:0; content:"";
	width:100%; height:5px;
	background-image:linear-gradient(to right, transparent 50%, rgba(206,183,173,0.2) 50%);
	-webkit-background-size:50px 100%;
}
.idx-sec-area:nth-child(2n):before{
	background-image:linear-gradient(to right, transparent 50%, rgba(255,255,255,0.7) 50%);
	-webkit-background-size:50px 100%;
}
.idx-sec-area:last-child:before{
	display:none;
}


/*區塊兩側有裝飾圖-路燈*/
.idx-sec-area:after{
	position:absolute; z-index:-1; bottom:0; left:-70px; content:"";
	width:200px; height:200px;
	background:url(../images/web-09.png) no-repeat center;
	background-size:cover;
	opacity:0.3;
}
.idx-sec-area:nth-child(2n):after{
	left:auto; right:-70px;
	background:url(../images/web-10.png) no-repeat center;
	background-size:cover;
	opacity:0.7;
}


/*區塊底部有裝飾圖-樹*/
.idx-sec-inner{ position:relative; z-index:3; padding:60px 15px 100px 15px; }
.idx-sec-inner:before , .idx-sec-inner:after{
	position:absolute; bottom:0; content:"";
	background:url(../images/web-11.png) no-repeat center;
	background-size:cover;
}
.idx-sec-inner:before{ right:2%; width:25px; height:50px; }
.idx-sec-inner:after{ right:10%; width:15px; height:30px; }

.idx-sec-area:nth-child(2n) .idx-sec-inner:before{
	left:3%; right:auto;
	width:50px; height:50px;
	background:url(../images/web-12.png) no-repeat center;
	background-size:cover;
}
.idx-sec-area:nth-child(2n) .idx-sec-inner:after{ left:25%; right:auto; }







@media (min-width:992px){

	/*首頁區塊-主內容區*/
	.idx-sec-main-area{ padding-left:80px; margin-top:50px; }
	
	.idx-sec-area:nth-child(2n) .idx-sec-main-area{ padding-left:0; padding-right:80px; }

	
	/*首頁-作品區塊-置中設定*/
	/*.idx-sec-area.idx-albums .container{ max-width:100%; }*/
	/*.idx-sec-area.idx-albums .idx-sec-inner{ width:98%; margin-left:auto; margin-right:auto; }*/
	
	.idx-sec-area.idx-albums .idx-sec-main-area{
		padding-left:80px; padding-right:80px;
	}
		
}













/*------------------------------------------------------------------------------------------- #idx[01] 首頁標題 */
/*---- #idx[01] 首頁標題 */

.idx-headline-bar{
	position:relative;
}

.idx-headline-bar .main-heading{
	position:relative;
	z-index:0;
	padding:15px 0 15px 0;
}

.idx-headline-bar .main-heading .text{ 
	position:relative;
	display:inline-block;
    
	font-size:26px; font-weight:600; line-height:1;
    color:#604b29;
	padding:10px 0;
}

/*大標下橫線*/
.idx-headline-bar .main-heading .text:before{
	position:absolute; z-index:-1; bottom:-10px; left:-20px; content:"";
	width:2200px; height:1px;
	border-bottom:2px dashed#CBB5AB;
}

/*次標*/
.idx-headline-bar .main-subheading{
	position:absolute; z-index:-1; top:-50px; left:60px;
	font-size:90px;
	font-family:'Brush Script MT', cursive;
	color:#CBB5AB;
	opacity:0.4;
}



/*偶數區塊標題 不同色*/
.idx-sec-area:nth-child(2n) .idx-headline-bar .main-heading .text{
	color:#8195B0;
}
.idx-sec-area:nth-child(2n) .idx-headline-bar{ margin-left:auto; text-align:right; }
.idx-sec-area:nth-child(2n) .idx-headline-bar .main-heading .text:before{
	left:auto; right:-20px;
	border-bottom-color:#c0cad7;
}
.idx-sec-area:nth-child(2n) .idx-headline-bar .main-heading .text:after{
	left:auto; right:21px;
	border-left-color:#c0cad7;
}
.idx-sec-area:nth-child(2n) .idx-headline-bar .main-subheading{
	left:0; right:60px;
	color:#c0cad7;
}

@media (min-width:992px){

	/*大標下直線*/
	.idx-headline-bar .main-heading .text:after{
		position:absolute; z-index:-1; top:42px; left:22px; content:"";
		width:1px; height:2200px;
		border-left:2px dashed #CBB5AB;
	}

}










/*------------------------------------------------------------------------------------------- #[02]card-row*/
/*---- #[02]card-row */
.idx-row{
	display:flex; flex-wrap:wrap;
}

.idx-row > .idx-left,
.idx-row > .idx-right{ width:100%; }

.idx-row > .idx-right{ margin-top:1rem;}

/*@media (min-width:992px){
	.idx-row > .idx-left,
	.idx-row > .idx-right{
		margin-top:0.5rem;
	}
}*/
/*-----  base end =-----*/



.idx-average-groupp .idx-right{
	margin-top:2rem;
}
@media (min-width:992px){
	.idx-average-groupp .idx-left{
		width:49%;
	}
	.idx-average-groupp .idx-right{
		width:49%;
		margin-left:2%;
		margin-top:0;
	}
}