/*===== #card-photo */
.card-photo{
	border:1px solid #eee;
}


/* ----- card共用：圖片70%高 */
.card_news .card-name,
.card_news_shadow .card-name,
.card_news_ex .card-name,
.card_article .card-name,
.card_article_sub .card-name,
.card_news_rank .card-name{
	font-size:18px;
}



/* ----- card共用：圖片70%高 */
.card_news .card-photo .item-fitimg:before,
.card_news_sub .card-photo .item-fitimg:before,
.card_news_shadow .card-photo .item-fitimg:before,
.card_news_ex .card-photo .item-fitimg:before,
.card_article .card-photo .item-fitimg:before,
.card_article_sub .card-photo .item-fitimg:before{
	padding-bottom:70%;
}


/*  ----- card共用：圖片70%高，圖片內容佈滿 */
.card_news .card-photo .fitimg,
.card_news_sub .card-photo .fitimg,
.card_news_shadow .card-photo .fitimg,
.card_news_ex .card-photo .fitimg,
.card_article .card-photo .fitimg,
.card_article_sub .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}



/*  ----- card共用：影片70%高，圖片內容佈滿 */
.card_news .card-iframe,
.card_news_sub .card-iframe,
.card_news_shadow .card-iframe,
.card_news_ex .card-iframe,
.card_article .card-iframe,
.card_article_sub .card-iframe{
    position:relative;
    width:100%; height:0;
    padding-bottom:70%;
}
.card_news .card-iframe iframe,
.card_news_sub .card-iframe iframe,
.card_news_shadow .card-iframe iframe,
.card_news_ex .card-iframe iframe,
.card_article .card-iframe iframe,
.card_article_sub .card-iframe iframe{
    position:absolute; top:0; left:0;
    width:100%; height:100%;
}




/*  ----- card共用：圖片圓角10px */
/*.card_news .card-photo,
.card_news_shadow,
.card_news_shadow .card-photo,
.card_ad .card-photo,
.card_article .card-photo,
.card_article_sub .card-photo{
	border-radius:5px;
	overflow:hidden;
}*/


/*  ----- card共用：圖片圓角5px */
/*.card_article_sub .card-photo{
	border-radius:5px;
	overflow:hidden;
}*/


/*  ----- card共用：效果-標題下滑線滑過 */
/*@media (min-width:992px){
	.card_news .card-name-text,
	.card_article .card-name-text,
	.card_article_sub .card-name-text,
	.card_link .card-name-text{
		position:relative;
		
		display:inline;
		background-image: linear-gradient(#ccc,#ccc);
		background-repeat: no-repeat;
		background-position: bottom left;
		-webkit-background-size: 0% 2px;
		background-size: 0% 1px;
		
		text-underline-offset: 1px;
	}
	.card_news a:hover .card-name .card-name-text,
	.card_article a:hover .card-name .card-name-text,
	.card_article_sub a:hover .card-name .card-name-text,
	.card_link a:hover .card-name .card-name-text{
		-webkit-animation: slide-end 1.5s ease;
		animation: slide-end 1.5s ease;
		
		color:var(--color-one);
	}
}

@keyframes slide-end {
	0% {
		background-size: 0% 2px;
		-webkit-background-size: 0% 2px;
	}
	50% {
		background-size: 100% 2px;
		-webkit-background-size: 100% 2px;
		background-position: bottom left;
	}
	51% {
		background-size: 100% 2px;
		-webkit-background-size: 100% 2px;
		background-position: bottom right;
	}
	100% {
		background-size: 0% 2px;
		-webkit-background-size: 0% 2px;
		background-position: bottom right;
	}
}*/


/*  ----- card共用：效果-圖片滑過放大 */
/*@media (min-width:992px){
	.card_news .card-photo,
	.card_news_shadow .card-photo,
	.card_news_ex .card-photo,
	.card_article .card-photo,
	.card_article_sub .card-photo{
		overflow:hidden;
	}
	.card_news .card-photo .item-fitimg,
	.card_news_shadow .card-photo .item-fitimg,
	.card_news_ex .card-photo .item-fitimg,
	.card_article .card-photo .item-fitimg,
	.card_article_sub .card-photo .item-fitimg{
		transition: transform 0.5s ease;
	}
	.card_news a:hover .card-photo .item-fitimg,
	.card_news_shadow a:hover .card-photo .item-fitimg,
	.card_news_ex a:hover .card-photo .item-fitimg,
	.card_article a:hover .card-photo .item-fitimg,
	.card_article_sub a:hover .card-photo .item-fitimg{
		transform-origin:center;
		transform: scale(1.2);
	}
}*/




/*  ----- card共用：標題下有黑漸層並蓋在圖片上 */
.card_news_shadow,
.card_news_ext{
	position:relative;
}

.card_news_shadow .card-name,
.card_news_ex .card-name{
	position:absolute; z-index:2; bottom:0; left:0;
	width:100%;
	color:#fff;
	margin:0;
	padding:0 5px;
}
.card_news_shadow .card-name:before,
.card_news_ex .card-name:before{
	position:absolute; z-index:0; bottom:0; left:0; content:"";
	width:100%; height:100px;
	
	background:linear-gradient(top,transparent , rgba(0,0,0,1) );
	background:-moz-linear-gradient(top,transparent , rgba(0,0,0,1) );
	background:-webkit-linear-gradient(top,transparent , rgba(0,0,0,1) );
	background:-o-linear-gradient(top,transparent , rgba(0,0,0,1) );
	background:-ms-linear-gradient(top,transparent , rgba(0,0,0,1) );
}

.card_news_shadow .card-name-text,
.card_news_ex .card-name-text{
	position:relative; z-index:5;
	display:block;
	color:#fff;
	padding:7px 12px 10px 12px;
	opacity:0.9;
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.card_news_shadow a:hover .card-name-text,
.card_news_ex a:hover .card-name-text{
	color:#fff;
	opacity:1;
}




/*card 白底 - 底綠線*/
.card_news,
.card_news_sub,
.card_article_sub,
.card_article,
.card_link{
	border-radius:8px;
	background:#fff;
	overflow:hidden;
	transition:box-shadow 0.3s ease;
}

.card_news:before,
.card_news_sub:before,
.card_article_sub:before,
.card_article:before,
.card_link:before{
	position:absolute; bottom:0; left:0; content:"";
	width:100%; height:0;
	background:var(--color-one);
	transition:height 0.5s ease;
}
.card_news:hover:before,
.card_article:hover:before,
.card_link:hover:before{
	height:5px;
}
.card_news_sub:hover:before,
.card_article_sub:hover:before,
.card_link:hover:hover:before{
	height:3px;
}


.card_news .card-photo,
.card_news_sub .card-photo,
.card_link .card-photo{
	border-radius:8px 8px 0 0;
	overflow:hidden;
}

.card_article_sub .card-photo,
.card_article .card-photo,
.card_link .card-photo{
	border-radius:8px 0 0 8px;
	overflow:hidden;
}

.card_news .card-body,
.card_link .card-body{
	padding:10px 10px 13px 10px;
}
.card_news_sub .card-body{
	padding:5px 8px 8px 8px;
}

.card_article .card-body,
.card_article_sub .card-body{
	padding:5px 8px;
}

.card_news:hover,
.card_article_sub:hover,
.card_article:hover,
.card_link:hover{
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}








/* ----- #news：基本款 */
.card_news{
}
.card_news .card-info{
	font-size:0.75rem; font-weight:600;
	color:#666;
	
	text-align:right;
	justify-content: flex-end;
}



/* ----- #card_news_sub */
.card_news_sub .card-name-text{
	font-size:1rem;
	
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-box-orient:vertical;
			white-space:normal;
	
	-webkit-line-clamp:2;
}





/* ----- #card_news_limit_2：標題限2行 */
/*.card_news_limit_2 .card-name-text{
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-box-orient:vertical;
			white-space:normal;
	
	-webkit-line-clamp:2;
}*/


/* ----- #card_text_sm：較小標題 */
/*.card_text_sm .card-name-text{
	display:block;
	font-size:1rem;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}*/


/* ----- #card_text_lg：較大標題 */
.card_text_lg .card-name-text{
	font-size:1.25rem;
}


/* ----- #card_divide：與row相接，無間距 */
.card_divide{
	margin-bottom:20px;
}
@media (min-width:576px){
	.card_divide{
		margin-bottom:30px;
	}
}






/*------------------------------------------------------------------------------------------- */
/* ----- #card_news_rank */
.cardlist_news_rank{
}
.cardlist_news_rank li{
	border-bottom:1px dashed #ccc;
}
.cardlist_news_rank li:last-child{
	border-bottom-width:0;
}

.card_news_rank{
	padding:10px 0;
}
.card_news_rank .card-row{ 
	align-items:center;
}
.card_news_rank .card-left{
	width:50px;
	margin-right:10px;
}
.card_news_rank .card-right{
	flex:1 1 auto;
    width:1%; min-width:0;
}

.card_news_rank .card-info_rank{
	display:block;
	font-size:2rem; font-weight:600;
	font-family: Arial;
	color:#666;
	text-align:center;
	font-style:italic;
}
.card_news_rank .card-name{
	margin:0;
}

.cardlist_news_rank li:nth-child(1) .card-info_rank,
.cardlist_news_rank li:nth-child(2) .card-info_rank,
.cardlist_news_rank li:nth-child(3) .card-info_rank{
	color:var(--color-one);
}


.sidebarbox_news_rank{
	position:relative;
	background:#f7f8fc;
	padding:2.5rem 1rem 0.5rem 1rem;
	margin-top:15px;
}
.sidebarbox_news_rank:before{
	position:absolute; top:0; left:0; content:"";
	width:100%; height:3px;
	background:var(--color-one);
}
.sidebarbox_news_rank .heading{
	position:relative; z-index:5;
	margin-top:-55px;
	text-align:center;
}
.sidebarbox_news_rank .heading-text{
	position:relative;
	display:inline-block; vertical-align:middle;
	color:#fff;
	font-size:0.875rem; font-weight:600;
	padding:0.3rem 1.5rem;
	margin:0;
}
.sidebarbox_news_rank .heading-text:before{
	position:absolute; z-index:-1; top:0; left:0; content:"";
	width:100%; height:100%;
	background:var(--color-one);
	border-radius:5px;
	transform:skewX(-20deg);
}

.sidebarbox + .sidebarbox_news_rank{
	margin-top:60px;
}





/*------------------------------------------------------------------------------------------- */
/* ----- #card_article */
.card_article .card-row{ 
	align-items:center;
}
.card_article .card-left{
	width:240px;
	margin-right:15px;
}
.card_article .card-right{
	flex:1 1 auto;
    width:1%; min-width:0;
}

.card_article .card-name{
	margin:0;
}


/*------------------------------------------------------------------------------------------- */
/* ----- #card_article_sub */
.row_article_sub{
	margin-top:-20px;
}
.row_article_sub > *{
	margin-top:20px;
}

.card_article_sub .card-row{ 
	align-items:center;
}
.card_article_sub .card-left{
	width:132px;
	margin-right:5px;
}
.card_article_sub .card-right{
	flex:1 1 auto;
    width:1%; min-width:0;
}

.card_article_sub .card-name-text{
	display:block;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.card_article_sub .card-name{
	margin:0;
	font-size:1rem;
}



/*------------------------------------------------------------------------------------------- */
/* ----- #card_slidebanner */
.card_slidebanner .card-name{
	padding:10px 10px 20px 10px;
}



/*------------------------------------------------------------------------------------------- */
/* ----- #card_ad */
.card_ad{
}
.card_ad img{
	display:block; max-width:100%; height:auto;
	margin:0 auto;
}



/*------------------------------------------------------------------------------------------- */
/* ----- #card_ad */
.card_video{
    position:relative;
    width:100%; height:0;
    padding-bottom:70%;
}
.card_video iframe {
    position:absolute; top:0; left:0;
    width:100%; height:100%;
}








/*------------------------------------------------------------------------------------------- */
/*----- #card_activity */
.card_activity{
	border-radius:8px;
	background:#fff;
	overflow:hidden;
	transition:box-shadow 0.3s ease;
}
.card_activity:hover{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


.card_activity .card-photo{
	max-width:350px; margin:0 auto 15px auto;
	border-radius:8px 8px 0 0;
	overflow:hidden;
}
.card_activity .card-photo .item-fitimg:before{
	padding-bottom:70%;
}
.card_activity .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}

.card_activity .card-body{
	padding:0 10px;
	border-bottom:1px solid #ccc;
}

.card_activity .card-name{
	text-align:center;
}

.card_activity .card-footer{
	padding:10px 10px;
}

/*狀態*/
.card_activity .card-info_status{
	position:relative;
	justify-content:flex-start;
	font-weight:600;
	margin:0;
}
.card_activity .card-info_status .card-info-icon,
.card_activity .card-info_status .card-info-text{
	line-height:1;
	margin:0;
}

.card_activity .card-info_status .card-info-icon{
    width:20px; height:20px;
	margin-right:2px;
}
.card_activity .card-info_status .card-info-text{
	font-size:0.875rem;
}

.card_activity .card-info_company{
	justify-content:flex-end;
	text-align:right;
	margin:0;
}
.card_activity .card-info_company .card-info-text{
	font-size:0.875rem; font-weight:600;
}


/* 活動資料 */
.card_activity .card-infolist{
	border-width:1px 0 0 0;
	border-style:dashed;
	border-color:#ccc;
	padding:0.5rem 0 0 0;
	margin:1rem 0 0 0;
}
.card_activity .card-infolist li{
	margin:0.5rem 0;
}

.card-info_event{
	align-items:flex-start;
	
    font-size:0.75rem; font-weight:600;
	color:#333;
	text-align:left;
}
.card-info_event .card-info-title{
	display:block;
	width:40px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:5px;
	color:rgba(0,0,0, 0.7);
	padding:1px;
	text-align:center;
}
.card-info_event .card-info-text{
	width:100%;
	padding:5px 0 5px 1rem;
}

@media (min-width:992px){
	.card-info_event .card-info-text{
		flex:1 1 auto;
		width:1%; min-width:0;
		
		padding-top:2px; padding-left:5px;
	}
}

.card-info_event .day_sat,
.card-info_event .day_sun{
	display:inline-block;
	width:18px; height:20px;
	background:rgba(255,255,255,1);
	border-radius:50%;
	font-size:0.75rem; line-height:20px;
	text-align:center;
}
.card_activity .card-info_event .day_sat{ color:green; }
.card_activity .card-info_event .day_sun{ color:red; }











/*------------------------------------------------------------------------------------------- */
/*----- #延伸閱讀 */
.subnews_wrap{
}
.subnewsbox{
	min-height:200px;
	border:1px solid #ccc;
}

.heading_subnews{
	margin-bottom:1rem;
}


.post-rank-list{}
.post-rank-list li{ position:relative; border-bottom:1px solid #ccc; padding-left:22px; }
.post-rank-list li:last-child{ border-bottom-width:0px; }
.post-rank-list li:before{
	position:absolute;
	top:50%;
	left:13px;
	width:6px;
	height:6px;
	content:"";
	margin-top:-3px;
	background:#333;
	border-radius:50%;
}
.post-rank-list li a{
	display:block;
	padding:10px 5px;
	color:#333;
	font-size:1rem; font-weight:600;
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.post-rank-list li a:hover{ color:var(--color-accent); }










/*------------------------------------------------------------------------------------------- */
/*----- #card_link */
.card_link .card-photo{
	border-radius:10px;
	overflow:hidden;
}
.card_link .card-name{
	text-align:center;
}







/*------------------------------------------------------------------------------------------- */
/*----- 我家新聞 */
.mapnews-map{ margin-bottom:3rem; }
#map-canvas{
	width:100%;
	min-height:400px;
}

.mapnews-list{
	margin-bottom:6rem;
}

.card-mapnews{
	box-shadow:none;
	border-radius:0;
	padding:0 0.5rem 1rem 0.5rem;
	margin-bottom:1rem;
	border-bottom:1px solid #ccc;
}
.card-mapnews .card-row{
	display:flex;
    flex-wrap:wrap;
	align-items:center;
}
.card-mapnews .card-left{
	width:50px;
}
.card-mapnews .card-center{
	flex:1 1 auto;
	width:1%; min-width:0;
	
	margin:0 1rem;
}
.card-mapnews .card-right{
	width:70px;
}
@media (min-width:992px){
	.card-mapnews .card-left{
		width:70px;
	}
}


.card-mapnews .card-photo{
	border:1px solid #ccc;
	border-radius:50%;
	overflow:hidden;
}
.card-mapnews .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}


.card-mapnews .card-name{
	margin:0.2rem 0;
	font-size:1rem; font-weight:600;
}

.card-mapnews .info-location span{
	display:inline-block; vertical-align:middle;
	margin-right:7px;
	color:#666;
    font-size:0.75rem; font-weight:600;
}


.card-mapnews .card-date-item{
    display:flex; flex-wrap:wrap;
	align-items:center; justify-content:flex-end;
	
	text-align:right;
}
.card-mapnews .card-date-item .card-date{
    display:block;
	color:#999;
    font-size:0.75rem; font-weight:600;
	line-height:1;
    padding:3px 0;
}
.card-mapnews .card-date.year{}
.card-mapnews .card-date.year:after{ content:"/"; }

.card-mapnews .card-date.month{}

.card-mapnews .card-date.day{
    width:100%;
	color:#666;
    font-size:1.6rem; font-weight:600;
}








/*------------------------------------------------------------------------------------------- */
/*----- promotion：地區搜尋 */

.toolarea{
	margin-bottom: 3rem;
}
.btn_tool_link{
	display:block;
	width:100%;
	background:var(--color-one);
	border-radius:3px;
	color:#fff;
	text-align:center;
	padding:0.3rem;
}
.btn_tool_link:hover{
	background:var(--color-accent);
	color:#fff;
}










/*------------------------------------------------------------------------------------------- */
/* ----- #card_link_store */
.link-store-box{
	padding:0 20px;
	margin-bottom:75px;
}

.card_link_store{
	border:1px solid #eee; border-radius:10px;
	overflow:hidden;
	transition:transform 0.5s ease , box-shadow 0.5s ease;
}

.card_link_store .card-photo img{
	display:block; max-width:100%; height:auto;
}

.card_link_store:hover{ transform:scale(1.1); box-shadow:5px 5px 10px rgba(0,0,0,0.2); }



.card_store{
	border:1px solid #ccc; padding:10px;
}
.card_store .card-separate{
	height:2px; width:40px;
	background-color:#0A6C90;
	margin:10px auto;
}

.card_store .card-name{
	margin:20px 0 10px 0;
	padding:0 10px;
	text-align:center;
}
.card_store .card-name-title{
	display:block;
	color:#333;
	/*font-weight:600;*/
	font-size:18px;
	max-height:52px;
	overflow:hidden;
}
.store-item a:hover .card-name-title{
	color:var(--color-accent);
}

.card_store .card-info{
	font-size:14px; line-height:1.6;
	color:#666;
	text-align:center;
}



/*------------------------------------------------------------------------------------------- */
/* ----- #card_village：村里 */
.card_village,
.card_product,
.card_temple{
	border-radius:8px;
	background:#fff;
	overflow:hidden;
	transition:box-shadow 0.3s ease;
}

.card_village .card-photo,
.card_product .card-photo,
.card_temple .card-photo{
	border-radius:8px 8px 0 0;
	overflow:hidden;
}

.card_village .card-body,
.card_product .card-body,
.card_temple .card-body{
	padding:5px 8px 8px 8px;
}

/*.card_village,
.card_village .card-photo,
.card_product,
.card_product .card-photo,
.card_temple,
.card_temple .card-photo{
	border-radius:10px;
	overflow:hidden;
}*/
.card_village .card-photo .item-fitimg:before,
.card_product .card-photo .item-fitimg:before,
.card_temple .card-photo .item-fitimg:before{
	padding-bottom:70%;
}
.card_village .card-photo .fitimg,
.card_product .card-photo .fitimg,
.card_temple .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}
.card_village .card-name,
.card_product .card-name,
.card_temple .card-name{
	text-align:center;
	padding:5px;
	margin-bottom:0;
}
.card_village .card-text,
.card_product .card-text,
.card_temple .card-text{
	font-size:0.875rem;
	padding:0 5px 5px 5px;
}





/*------------------------------------------------------------------------------------------- */
/* ----- #card_people */
.card_people{
	background:#f7f8fc;
	text-align:center;
	transition:box-shadow 0.5s ease, transform 0.5s ease;
}
.card_people:hover{
	box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 15px;
	transform: scale(1.05);
}

.card_people .card-body{
	padding:0 10px 10px 10px;
}

.card_people .card-name{
	margin:0.5rem 0;
}

.card_people .card-text{
	margin:0.8rem 0;
	font-size:0.875rem; font-weight:600;
}

.card_people .card-info{
    font-size:0.875rem; font-weight:600;
	color:#444;
	margin:5px 0;
	justify-content: center;
}

.card_people .card-slogan{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	color:var(--color-one);
	font-size:1rem; font-weight:600;
	padding:5px 0;
	margin:5px 0;
}

.card_people .card-btn{
	background:#EA972B;
	border-radius:20px;
	color:#fff;
	padding:3px 15px;
}
/*.card_people .card-btn .iconsvg{
	width:14px; height:14px;
}*/
.card_people .card-btn .iconsvg:before{
	background-color:#fff;
}
.card_people .card-btn:hover{
	background:var(--color-accent);
	color:#fff;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}