/*----------------------------------------------------------------------
	#card
-------------------------------- */

/* ===== 取消將連結擴展至整個card */
.card_store .card-name a:before,
.card_people .card-name a:before,
.card_post .card-name a:before,
.card_post_sub .card-name a:before{
	display:none;
}



/*----------------------------------------------------------------------
	{C} #eft-symbolinfo [有圖標info]
-------------------------------- */
.eft-symbolinfo{
}
.eft-symbolinfo .card-infobar{
	gap:var(--spacing-xs);
	
	background: rgba(255,255,255,0.05);
    border-radius: 0.5rem;
    padding: var(--spacing-sm);
	text-align:left;
}
.eft-symbolinfo .card-infobar .card-info{
	align-items:flex-start;
	gap:var(--spacing-2xs);
	
	width:100%;
	font-size:var(--text-xs); font-weight:600;
	padding:0 var(--spacing-2xs);
}
.eft-symbolinfo .card-infobar .card-info,
.eft-symbolinfo .card-infobar .card-info a{
	color:var(--text-muted);
}
.eft-symbolinfo .card-infobar .card-info a:hover{
	color:var(--color-primary);
}
.eft-symbolinfo .card-infobar .card-info .iconsvg{
	margin-top:2px;
}
.eft-symbolinfo .card-infobar .card-info .iconsvg:before{
	--icon-color: var(--text-muted);
}
.eft-symbolinfo .card-infobar .card-info .card-info-text{
	flex:1 1 auto;
    width:1%; min-width:0;
}





/*----------------------------------------------------------------------
	{C} #card-style01 [基本框]
-------------------------------- */
.card--featured{
	background-color: var(--bg-dark);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 1rem;
    padding: var(--spacing-base);

	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
				box-shadow 0.4s ease,
				border-color 0.4s ease;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
	overflow:hidden;
}
.card--featured:before{
    position: absolute; top: -4rem; right: -4rem; content:"";
    width: 8rem; height: 8rem;
	background-color: rgba(var(--color-primary-rgb),0.1);
    border-radius: 50%;
    filter: blur(24px);
    transition: background-color 0.5s ease;
    z-index: 0;
}
.card--featured .card-photo{
	background:#fff;
	border-radius: 0.75rem;
    overflow: hidden;
}
@media (min-width:992px){
	.card--featured:hover{
		border-color:var(--color-primary-brighter);
		box-shadow: 0 0 15px rgba(var(--color-primary-rgb),0.5);
		transform: translateY(-8px);
	}
}





/*----------------------------------------------------------------------
	{C} #card--flat [基本底]
-------------------------------- */
.card--flat{
	background-color: rgba(30, 41, 59, 0.5);
	backdrop-filter: blur(16px);
    border-radius: 1rem;
    padding: var(--spacing-md) var(--spacing-base);
	
	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
				box-shadow 0.4s ease;
}
@media (min-width:992px){
	.card--flat:hover{
		box-shadow: 0 0 15px rgba(var(--color-primary-rgb),0.5);
		transform: translateY(-8px);
	}
}



/*----------------------------------------------------------------------
	{C} #card--summarybox [側邊資訊框 in designer_view / store_view]
-------------------------------- */
.card--summarybox{
	display:flex; flex-wrap:wrap;
	flex-direction: column;

	max-width:400px;
	background-color: rgba(var(--bg-item-rgb), 0.3);
    border-radius: 0.75rem;
    padding: var(--spacing-base);
}
.card--summarybox .card-photo{
	width:100%;
	background:#fff;
	border-radius: 0.75rem;
    overflow: hidden;
}





/*----------------------------------------------------------------------
	{C} #photo--limit-w [圖片寬度受限]
-------------------------------- */
.photo--limit-w .card-photo{
	display:block;
	width:100%;
	max-width:220px;
	background:rgba(255,255,255,0.6);
	margin:0 auto;
	overflow:hidden;
}



/*----------------------------------------------------------------------
	{C} #photo--limit-w [圖片寬度受限]
-------------------------------- */
.photo--limit-h .card-photo .item-fitimg:before{
	padding-bottom: 75%; /* 4:3 */
}


/*----------------------------------------------------------------------
	{C} #photo--radius-full [圖片圓形框]
-------------------------------- */
.photo--radius-full .card-photo{
	border-radius:50%;
}
/*.photo--radius-full .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}*/



/*----------------------------------------------------------------------
	{C} #photo--cover [圖片內容撐滿]
-------------------------------- */
.photo--cover .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}









/*----------------------------------------------------------------------
	219_#about [關於我們]
-------------------------------- */
.card_about_one,
.card_about_two{
	background:transparent;
}

/* ===== in idx */
.card_about_one .card-name,
.card_about_two .card-name{
	display:none;
}

.card_about_one .card-text,
.card_about_two .card-text{
	font-size:var(--text-lg);
	margin-top:0;
}

/*.card_about_one .card-text, .card_about_one .card-text a,
.card_about_two .card-text, .card_about_two .card-text a{
	color:#fff;
}
.card_about_one .card-text a:hover
.card_about_two .card-text a:hover{
	color:var(--color-accent);
}*/


/* ===== 多則之第一則 [in idx] */
.idx_about_one{
	position:relative;
	max-width:1000px;
	padding-bottom:var(--spacing-md);
	margin:0 auto;
}

.card_about_one{
	border-width:0;
	margin-bottom:var(--spacing-md);
}
.card_about_one .card-photo{
	background:transparent;
	margin-bottom:var(--spacing-md);
}
.card_about_one .card-photo img{
	margin-left:auto; margin-right:auto;
	/* 圖片小於限定區塊時，圖片置中 */
}

.card_about_one .card-btnbar{
	justify-content: center;
	margin-top:var(--spacing-md);
}



/* ===== 多則之第二則以後 [in idx] */
.card_about_two{
	border-width:0;
	margin-bottom:var(--spacing-md);
}

.idx_about_two_figure{
	position:relative;
	max-width:1000px;
	margin:0 auto;
}





/*----------------------------------------------------------------------
	220_#albums [相簿管理]
-------------------------------- */
.card_albums .card-photo{
}





/*----------------------------------------------------------------------
	293_#download [文件下載]
-------------------------------- */
.card_download .card-body {
    background: rgba(255,255,255,0.05);
    border-radius: 0.5rem;
    padding: var(--spacing-md);
}
.card_download .card-text {
    padding-left: 16px;
}

.card_download .card-name{
	margin-bottom:var(--spacing-md);
}
.card_download .card-name-text{
	display: flex;
    align-items: center;
    gap: 12px;
}
.card_download .card-name-text:before {
    content: '';
    display: block;
    width: 4px; height: 24px;
    background-color: var(--color-primary);
    border-radius: 2px;
}

.card_download .card-btnbar{
	justify-content: flex-end;
	margin:var(--spacing-xs) 0 0 0;
	padding:0;
}
.card_download .card-btn{
	width:auto;
	font-size:var(--text-sm);
	padding: var(--spacing-xs) var(--spacing-base);
}





/*----------------------------------------------------------------------
	225_#qa [常見問題] [use #accordion:component]
-------------------------------- */
.card_qa{
}
.card_qa .accordion-button{
	display:flex; flex-wrap:wrap;
	align-items:center;
	gap:var(--spacing-base);
	
	padding: var(--spacing-base);
}

.card_qa .card-body{
    padding: var(--spacing-base); padding-left:70px;
}


/*符號-q*/
.card_qa .card-sign_q{
	--sign-size:40px;
	
	position:relative;
    display:block;
    width:var(--sign-size); height:var(--sign-size);
	background:var(--color-primary);
	border-radius:50%;
}
.card_qa .card-sign_q:before{
	--icon-url: url(../images/icon/icon_q.svg);
	
	position:absolute; top:0; left:0; content:"";
	width:100%; height:100%;
	background-color:#fff; 

	-webkit-mask: var(--icon-url) no-repeat center / 60% 60%;
            mask: var(--icon-url) no-repeat center / 60% 60%;
}
.card_qa .card-sign_q:after{
	position:absolute; z-index:1; bottom:1px; right:0px; content:"";
	width:0; height:0;
	border-left:8px solid var(--color-primary);
	transform:rotate(21deg);
}

.card_qa .card-sign_a{ display:none; }


.card_qa .card-btnbar{
	justify-content: flex-end;
	margin:var(--spacing-xs) 0 0 0;
	padding:0;
}
.card_qa .card-btn{
	width:auto;
	font-size:var(--text-sm);
	padding: var(--spacing-xs) var(--spacing-base);
}





/*----------------------------------------------------------------------
	244_#member [會員管理] [use #accordion:component]
-------------------------------- */

.card_member_headline,
.card_member .card-header{
	padding: 0.75rem 3rem 0.75rem 1rem;
	color:var(--text-muted);
	text-align:left;
}
.card_member_headline{
	/*color:var(--text-muted);*/
	padding-top:0.25rem;
	padding-bottom:0.25rem;
}
/*.card_member .card-header{
	color:#fff;
}*/
@media (min-width:768px){
	.card_member_headline,
	.card_member .card-header{
		padding-right:5rem;
	}
}

/*職稱欄-移動端移除*/
.card_member .card-td.jobtitle{
	display:none;
}
@media (min-width:768px){
	.card_member .card-td.jobtitle{
		display:block;
	}
}


.card_member .card-name{
	margin:0;
}
.card_member .card-name span{
	display:block;
}
.card_member .card-name span:last-child{
	font-size:var(--text-sm);
}
@media (min-width:768px){
	.card_member .card-name span{
		display:inline;
	}
}

/*職稱*/
.card_member .card-jobtitle{
	display:inline-block;
	background-color: rgba(var(--bg-item-rgb), 0.5);
	border:1px solid var(--border-muted);
	border-radius: 999px;
	color:var(--text-muted);
	/*font-size:var(--text-sm);*/
	padding:0.25rem 1rem;
}

.card_member .card-body{
    padding: var(--spacing-md);
}




.card_member .card-body-row{
	display:flex; flex-wrap:wrap;
	flex-direction: column;
	gap:var(--spacing-lg);
}
@media (min-width:768px){
	.card_member .card-body-row{
		flex-direction: row;
	}
	.card_member .card-body-left{
		width:200px;
	}
	.card_member .card-body-right{
		flex:1 1 auto;
		width:1%; min-width:0;
	}
}

.card_member .card-photo{
	max-width:400px; margin:0 auto;
}


/*開啟區塊-資訊組*/
.card_member .card-infolist .card-info{
	padding:0;
	border-bottom:1px solid rgba(255,255,255,0.05);
}
.card_member .card-infolist a{
	display:block;
	text-decoration:underline;
}
.card_member .card-infolist .card-info-title{
	position:relative;
	background: rgba(255,255,255,0.05);
    color: #fff;
	width:120px;
	padding: var(--spacing-2xs);
	text-align:center;
}
.card_member .card-infolist .card-info-text{
	flex:1 1 auto;
	width:1%; min-width:0;
	padding: var(--spacing-xs);
}
@media (min-width:1200px){
	.card_member .card-infolist{
		/*display:flex; flex-wrap:wrap;
		align-items:center;
		margin-top:0;*/
	}
	.card_member .card-infolist li{
		width:calc( (100% - var(--spacing-xs)) / 2 );
	}
	.card_member .card-infolist li.full-w{
		width:100%;
	} 
}


/*開啟區塊-編輯器*/
.card_member .card-intro{
	margin-top:var(--spcing-md);
}
.card_member .card-intro-heading{
    display:block;
	border-bottom:1px solid rgba(255,255,255,0.05);
    
    color:#fff;
	
	font-size:var(--text-sm); font-weight:600;
    text-align:center;
    padding:var(--spacing-2xs) 0;
    margin:var(--spacing-lg) 0 var(--spacing-sm) 0;
}

.card_member .card-intro-text{
	font-size:var(--text-base);
}





/*----------------------------------------------------------------------
	227_#location [經銷地區]
-------------------------------- */
.card_location .card-iframe{
	position:relative; z-index:3;
	padding-bottom:50%;
}
.card_location .card-body{
	padding:0 var(--spacing-base);
}
.card_location .card-btnbar{
	position:relative; z-index:3;
	margin-bottom:var(--spacing-base);
	padding:0 var(--spacing-base);
}
.card_location .card-btn{
	width:100%;
}









/*----------------------------------------------------------------------
	230_#product [產品管理]
-------------------------------- */
.card-product{
	background:#fff;
}

/* ===== 商品詳細頁 */
.pro-view-area{
	border-bottom:1px dashed var(--border-muted);
	padding-bottom:var(--spacing-md);
	margin-bottom:var(--spacing-sm);
	margin:0 auto;
}








/*----------------------------------------------------------------------
	453_#agent_pd [代理產品] 
-------------------------------- */
.card_agent_pd .pricebar{
	position:relative;
	background:rgba(255,255,255,0.05);
	/*border:1px solid rgba(255,255,255,0.05);*/
	border-radius:0.5rem;
}
.card_agent_pd .price_sale {
    font-size:var(--text-xl);
}


/* ===== in idx */
/*.card_agent_pd_idx{
	background:#fff;
	border:1px solid rgba(var(--color-primary-rgb),0.6);
	border-radius: 10px;
	overflow:hidden;
}
.card_agent_pd_idx .card-photo {
	border-width:0;
    border-radius: 0;
}
.card_agent_pd_idx .card-btnbar{
	margin-bottom:var(--spacing-md);
}*/









/*----------------------------------------------------------------------
	235_#works [作品管理]
-------------------------------- */






/*----------------------------------------------------------------------
	237_#designer [設計師(使用者)] 
	331_個人介紹
-------------------------------- */
.card_designer{
}
.card_designer .card-info{
	position:relative;
	display:inline-block;
	color:var(--text-muted);
	font-size:var(--text-sm); font-weight:600;
	font-style:italic;
	text-align:center;
	padding:var(--spacing-2xs) var(--spacing-xs);
	margin-top:var(--spacing-sm);
}
.card_designer .card-info:before,
.card_designer .card-info:after{
	position:absolute; top:50%; content:"";
	width:30px; height:1px;
	background:var(--border-muted);
	transform:translate(0, -50%);
}
.card_designer .card-info:before{ left:-30px; }
.card_designer .card-info:after{ right:-30px; }


.card_designer .card-btnbar{ margin-top:var(--spacing-sm); }
.card_designer .card-btn{
	width:auto;
}





/*----------------------------------------------------------------------
	會議列表 [以未開放為初始顏色設定]
-------------------------------- */
.card_meeting{
	background:#fff;
	border:1px solid #fff;
	border-top:4px solid #ccc;
	border-radius:10px;
	padding:var(--spacing-base);
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.card_meeting:hover{ border-color:#fff; border-top-color:#ccc; }

.card-badgebar{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content: right;
}
.card_meeting .card-badge{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content: center;
	gap: var(--spacing-2xs);

	position:relative;
	background:var(--color-disabled-container);
	color:var(--color-disabled);
	font-size: var(--text-xs);
	font-weight: 700;
	padding: var(--spacing-2xs) var(--spacing-sm);
	border-radius: 60px;
}
.card_meeting .card-badge-tag{
	display:block;
	width: 8px; height: 8px;
	border-radius: 50%;
	background:var(--color-disabled);
}

.card_meeting .card-body{
	background-color: #f8fafc;
	border-radius:8px;
	padding:var(--spacing-xs) var(--spacing-sm);
}

.card_meeting .card-name{ color:#333; }
.card_meeting .card-text{ color:#666; }

.card_meeting .card-infolist{
	margin:0;
}
.card_meeting .card-info{
	gap:var(--spacing-sm);
	color:#333;
}
.card_meeting .card-info .iconsvg{
	display:none;
}

/*按鈕-視訊與否*/
.card_meeting .btn_switch{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content: center;
	gap: var(--spacing-2xs);
	
	width:100%;
	background:var(--color-disabled-container);
	border-radius: 8px;
	color:var(--color-disabled);
	font-weight:600;
	cursor: pointer;
	padding: var(--spacing-sm) var(--spacing-base);
	transition: background-color 0.2s ease;

	cursor: not-allowed;
}
.card_meeting .btn_switch .iconsvg{
	--icon-size: 20px;
}
.card_meeting .btn_switch .iconsvg:before{
	--icon-color: var(--color-disabled);
}


/*參加視訊*/
.card_meeting.meeting-available{
	border-color:var(--color-primary);
}
.card_meeting .card-badge.available{
	background:var(--color-success-container);
	color:var(--color-success);
}
.card_meeting .card-badge.available .card-badge-tag{
	background:var(--color-success);
}

.card_meeting .btn_switch.meeting-available{
	background-color: var(--color-primary);
	color:#fff;
	cursor:pointer;
}
.card_meeting .btn_switch.meeting-available .iconsvg:before{
	--icon-color: #fff;
}
.card_meeting .btn_switch.meeting-available:hover{
	background-color: var(--color-accent);
	color:#fff;
}


/*未開放視訊*/
.card_meeting.meeting-disabled .card-name{
	color:var(--text-muted);
}
.card_meeting.meeting-disabled .card-text{
	color:var(--text--muted-low);
}





/* ===== 詳細頁-設計師側邊資訊框 */
.card_summary_designer_designer{
}

.card_summary_designer .card-btnbar{
	justify-content: center;
}
.card_summary_designer .card-btn{
	width:45%;
	padding:var(--spacing-xs) var(--spacing-2xs);
}

/*qrcode*/
.card_summary_designer .card-box_qrcode{
    max-width:120px;
    margin:1rem auto;
	text-align:center;
}
.card_summary_designer .card-info_scan{
	justify-content: center;
	color:var(--text-muted);
}
.card_summary_designer .card-info_scan .card-info-text{
	font-size:var(--text-sm); font-weight:600;
}
.card_summary_designer .card-info_scan .iconsvg{
	display:none;
}
.card_summary_designer .card-box_qrcode .card-photo{
	border-radius:0.5rem;
	margin-top:var(--spacing-2xs);
	overflow:hidden;
}





/*----------------------------------------------------------------------
	274_#link [相關連結]
-------------------------------- */







/*----------------------------------------------------------------------
	343_#announecment [活動管理]
-------------------------------- */
.card_activity{
}

@media (min-width:576px){
	.card_activity .card-body{
		padding:var(--spacing-sm) 0;
	}
}


/* ===== 狀態*/
.card_activity .card-status{
	justify-content:center;
	margin:var(--spacing-sm) 0;
}


/* ===== 活動資料 */
.card_activity .card-infolist{
	gap:var(--spacing-sm);
	margin-top:var(--spacing-base);
}

.card-info_event{
	align-items:flex-start;
	color:#fff;
	font-size:var(--text-sm); font-weight:600;
	text-align:left;
}
.card-info_event .card-info-title,
.card-info_event .card-info-text{
	display:block;
	width:100%;
	padding:var(--spacing-2xs);
}

.card-info_event .card-info-title{
	display:block;
	width:120px;
	background-color: rgba(var(--bg-item-rgb), 0.5);
	/*border:1px solid var(--border-muted);*/
	color:rgba(255,255,255, 0.8);
	text-align:center;
}
.card-info_event .card-info-text{
	width:100%;
}

@media (min-width:576px){
	.card-info_event .card-info-text{
		flex:1 1 auto;
		width:1%; min-width:0;
	}
}

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


.card_activity .card-btnbar{
	position:relative; z-index:5;
	display:block;
}
.card_activity .card-btn{
	width:100%;
}
@media (min-width:992px){
	.card_activity .card-btnbar{
		margin-top:0;
		justify-content: flex-end;
	}
}


.calendar_box{
	text-align:center;
	margin:var(--spacing-lg) 0;
}





/*----------------------------------------------------------------------
	406_#job [人才招募]
-------------------------------- */
.card_job{
	background: rgba(255,255,255,0.05);
	margin-bottom:var(--spacing-lg);
	border-radius: 1rem;
    padding: var(--spacing-base);
	overflow: hidden;
}

.card_job .card-name{
	color:#fff;
	
	text-align:center;
	margin-bottom:var(--spacing-lg);
}

.card_job .card-infolist{
	display:grid;
	gap: var(--spacing-2xs);
}

.card_job .card-info{
	position: relative;
	align-items: flex-start;
	gap:var(--spacing-xs);
	
	border-bottom:1px solid var(--border-muted);
	font-size: var(--text-base); font-weight:600;
	color: #fff;
	padding: var(--spacing-xs) 0;
}
.card_job .card-info .card-info-title{
	position: relative;
	display: block;
	width: 100%;
	background-color: rgba(var(--bg-item-rgb), 0.5);
    color: #fff;
	font-weight: 600;
	padding: var(--spacing-xs);
	margin-bottom: var(--spacing-2xs);
}
.card_job .card-info .card-info-text{
	flex:1 1 auto;
    width:1%; min-width:0;

	padding: var(--spacing-xs);
	margin-bottom: var(--spacing-2xs);
}
.card_job .card-info .card-info-text p{
	margin-top:0;
}

@media (min-width: 576px){
    .card_job .card-info .card-info-title{
        width: 145px;
		text-align:center;
    }
}
@media (min-width: 992px){
	.card_job{
		padding: var(--spacing-lg);
	}
    .card_job .card-infolist{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .card_job .card-infolist > li.w-100{
		grid-column: span 2 / span 2;
	}
}



/* ====== in idx */
.card_recruit .card-name{
	text-align:center;
	padding:var(--spacing-sm) 0;
}

.card_recruit .card-body {
    background: rgba(255,255,255,0.05);
    border-radius: 0.5rem;
    padding: var(--spacing-md);
}

.card_recruit .card-infolist li{
	border-bottom:1px solid var(--border-muted);
	padding: var(--spacing-xs);
}
.card_recruit .card-infolist li:last-child{
	border-bottom-width:0;
}

.card_recruit .card-info{
	align-items: flex-start;
	gap:var(--spacing-base);
}
.card_recruit .card-info .iconsvg{
	display:none;
}
.card_recruit .card-info .card-info-title{
	color:var(--text-muted);
    font-size:var(--text-sm); font-weight:600;
   /* margin-bottom:var(--spacing-2xs);*/
}
.card_recruit .card-info .card-info-text{
    padding-left:var(--spacing-md);
    color:#fff;
}


/*.card_recruit{
	position:relative;
	background:#fff;
	border:1px solid rgba(var(--color-primary-rgb), 0.3);
	transition:background 0.3s ease;
}
.card_recruit .col-two{
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:rgba(var(--color-primary-rgb), 0.3);
	
	padding:0 var(--spacing-sm);
}
@media (min-width:768px){
	.card_recruit .col-two{
		border-width:0 1px;
	}
}

.card_recruit .card-name{
	text-align:center;
	padding:var(--spacing-sm) 0;
}
	
.card_recruit .card-infolist li{
    margin-bottom:var(--spacing-sm);
}
.card_recruit .card-infolist li:last-child{
	margin-bottom:0;
}
.card_recruit .card-info span{
    width:100%;
}
.card_recruit .card-info .iconsvg{
	display:none;
}
.card_recruit .card-info .card-info-title{
    font-size:var(--text-sm); font-weight:600;
    margin-bottom:var(--spacing-2xs);
}
.card_recruit .card-info .card-info-text{
    padding-left:var(--spacing-md);
    color:#333;
}


.card_recruit .card-btnbar{
	position:relative; z-index:5;
	padding:0 var(--spacing-sm);
	margin:var(--spacing-2xs) 0;
	justify-content:center;
}
.card_recruit .card-btn{
	width:100%;
	margin:0;
}
@media (min-width:768px){
	.card_recruit .card-btn{
		width:auto;
	}	
}*/





/*----------------------------------------------------------------------
	435_#equipment [設備資料]
-------------------------------- */



/*----------------------------------------------------------------------
	454_#franchiser_event [加盟主活動]
-------------------------------- */







/*----------------------------------------------------------------------
	455_#franchiser [加盟主資訊]
-------------------------------- */
.card_franchiser{
}

.card_franchiser .card-iconlist{
	justify-content: center;
	margin-top:var(--spacing-base);
}
.card_franchiser .card-iconlist .iconsvg{
	--icon-size: 40px;
}






/*----------------------------------------------------------------------
	484_#timeline [時間記事]
-------------------------------- */

/*項目*/
.card_timeline{
	background-color: var(--bg-dark);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 1rem;
    padding: var(--spacing-base);

	transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
				box-shadow 0.4s ease,
				border-color 0.4s ease;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
}
.card_timeline .card-photo{
	border-radius: 0.75rem;
    overflow: hidden;
}
@media (min-width:992px){
	.card_timeline:hover{
		border-color:var(--color-primary-brighter);
		box-shadow: 0 0 15px rgba(var(--color-primary-rgb),0.5);
		transform: translateY(-8px);
	}
}

.card_timeline .card_row{
	display:flex; flex-wrap:wrap;
	gap:var(--spacing-sm);
}
.card_timeline .card-one,
.card_timeline .card-two{
	width:100%;
}
.card_timeline .card-one{ order:2; }
.card_timeline .card-two{ order:1; }
@media (min-width:576px){
	.card_timeline .card-one{
		width: 30%;
	}
	.card_timeline .card-two{
		flex:1 1 auto;
		width:1%; min-width:0;
	}
}


/*項目-header */
.card_timeline .card-header{
	border-bottom:1px dashed var(--border-muted);
}
.card_timeline .header_row{
    display:flex; flex-wrap:wrap;
    align-items:center;
	gap:var(--spacing-sm);
}
.card_timeline .header_row > .header-one{
	width:70px;
}
.card_timeline .header_row > .header-two{
	flex:1 1 auto;
	width:1%; min-width:0;
}


/*項目-日期*/
.card_timeline .card-date-box{
	padding:0.25rem;
	border-right:1px dashed var(--border-muted);
}

.card_timeline .card-date-item{
    display:flex; flex-wrap:wrap;
    justify-content:center;
    text-align:center;
}
.card_timeline .card-date-item .card-date{
    display:block;
	color:#fff;
    font-size:var(--text-sm); line-height:1;
    font-family:Helvetica;
    padding:0.25rem 0;
}
.card_timeline .card-date.year{ order:2; }
.card_timeline .card-date.year:after{ content:"-"; }

.card_timeline .card-date.month{ order:3; }

.card_timeline .card-date.day{
	order:1;
    width:100%;
    font-size:26px; font-weight:600;
}
@media (min-width:992px){
	.card_timeline .card-date.day{
		font-size:32px;
	}
}

/*行數限制*/
.card_timeline .card-name{
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	white-space:normal;
}


/*年份*/
.timeline-year{
    position: relative; z-index: 2;
    width: 100%;
    margin: var(--spacing-xl) 0 var(--spacing-lg) 0;
    text-align: center;
}
.timeline-year:first-child{ margin-top:0; }
.timeline-year-text{
	position: relative;
	display:inline-block;
	background-color: var(--bg-dark);
	border:1px solid var(--border-muted);
	border-radius: 999px;
	color:var(--text-muted);
	font-size:var(--text-lg); font-weight:600; line-height:1;
	padding:0.75rem 1.5rem;
	margin-left:-1px;
}


.timeline-box{
    margin-bottom:var(--spacing-md);
}


@media (min-width:992px){

	.timeline-event{
		position:relative;
		padding-bottom:var(--spacing-lg);
		margin:var(--spacing-lg) 0;
	}

    /*消除float*/
    .timeline-area{}
    .timeline-area:before, .timeline-area:after{ display:table; content:" " }
    .timeline-area:after{ clear:both }
	
    .timeline-year{
        float:left;
        clear:both;
        margin-top:var(--spacing-sm);
    }
    .timeline-year:nth-child(1){ margin-top:0; }
        
    .timeline-box{
        float:left;
        width:55%;
        padding-right:calc(5% + 60px);
        margin-bottom: var(--spacing-xl);
        margin-top: -80px;
    }
    .timeline-box:nth-of-type(2n){
        float:right;
        padding-left:calc(5% + 60px);
        padding-right:0;
    }
	
    /*中間年份 與 漂浮項目之設定 */
    .timeline-year + .timeline-box{ margin-top:0; }



	/*中間線*/
	.timeline-event:before{
		position:absolute; top:0; left:50%; content:"";
		width:2px; height:100%;
		
		background: var(--border-muted);
		
		transform:translate(-50%, 0);
	}
	
	/*中間線底的圓圈*/
	.timeline-event:after{
		position:absolute; bottom:0; left:50%; content:"";
		width:12px; height:12px;
		
		background: var(--border-muted);
		
		border-radius:50%;
		transform:translate(-50%, 0);
	}



	/*項目-延伸至中間的線條 */
    .card_timeline:before{
        position:absolute; top:30px; right:-60px; content:"";
        width:60px; height:2px;
		margin-top:-1px;
		background:var(--border-muted);
		/*border-top:2px dashed var(--border-muted);*/
    }
    .timeline-box:nth-of-type(2n) .card_timeline:before{
        left:-60px; right:auto;
    }
	.card_timeline:hover:before{ background-color:var(--color-primary); }
	
	
    /*項目-延伸至中間的圓圈 */
    .card_timeline:after{
        position:absolute; top:30px; right:-60px; content:"";
        width:14px; height:14px;
        margin-top:-7px;
        margin-right:-9px;
        background:var(--border-muted);
        border-radius:50%;
        border:2px solid var(--bg-dark);
    }
    .card_timeline:hover:after{ background:var(--color-primary); }
    .timeline-box:nth-of-type(2n) .card_timeline:after{
        left:-60px; right:auto;
		margin-left:-9px;
		margin-right:0;
    }

}






/*----------------------------------------------------------------------
	490_#people [人物介紹] [use effect_profile]
-------------------------------- */
.card_people .card-slogan{
	position:relative;
	background:rgba(var(--color-one-rgb),0.03);
	color:var(--color-primary);
	font-size:var(--text-lg); font-weight:600;
	padding:var(--spacing-sm);
	margin:var(--spacing-xs) 0 0 0;
	text-align:center;
}

.card_people .card-callerbar{
	display: flex; align-items: center;
	align-items:center; justify-content: center;
	gap:0.5rem;
	max-width:360px;
	margin:var(--spacing-md) auto var(--spacing-sm) auto;
}
.card_people .card-callerbar a{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content: center;

	flex: 1;
	max-width:150px;
	border:1px solid var(--color-primary);
	border-radius:9999px;
	color:var(--color-primary);
	padding:var(--spacing-2xs) var(--spacing-sm);
	transition: transform 0.3s ease;
}
.card_people .card-callerbar a:hover{
	background:var(--color-primary);
	color:var(--color-on-primary);
	box-shadow: 0 0 20px var(--color-primary-brighter);
	transform: translateY(-2px);
}

.card_people .card-body .card-callerbar{
	display:none;
}
@media (min-width:992px){
	.card_people .card-callerbar{
		display:none;
	}
	.card_people .card-body .card-callerbar{
		display:flex;
	}
}






/*----------------------------------------------------------------------
	512_#store [推薦店家]
-------------------------------- */



/* ===== in store_view ===== */
.card_summary_store .card-infolist{
	gap:0;
}
.card_summary_store .card-infolist > li{
	padding:var(--spacing-xs) var(--spacing-xs);
	border-radius:0.5rem;
}
.card_summary_store .card-infolist > li:hover{
	background:rgba(255,255,255,0.05);
}

.card_summary_store .card-info{
	display: grid;
	grid-template-columns: 26px 1fr;
	grid-template-rows: 20px 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0;
	align-items:center;
}
.card_summary_store .card-info .iconsvg{ grid-area: 1 / 1 / 3 / 2; }
.card_summary_store .card-info-title { grid-area: 1 / 2 / 2 / 3; }
.card_summary_store .card-info-text { grid-area: 2 / 2 / 3 / 3; }

.card_summary_store .card-info .iconsvg{
	--icon-size: 24px;
}
.card_summary_store .card-info .iconsvg:before{
	--icon-color: var(--color-primary);
}

.card_summary_store .card-info-title{
	color:var(--text-muted);
	font-size:var(--text-xs);
}


/*.card_summary_store .card-body{
	padding:0 var(--spacing-sm);
}


.card_summary_store .card-infolist{
	gap:0;
}
.card_summary_store .card-infolist > li{
	padding:var(--spacing-xs) var(--spacing-2xs);
}
.card_summary_store .card-infolist > li:hover{
	background:rgba(var(--color-primary-rgb),0.05);
}


.card_summary_store .card-info{
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 26px 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0;
	align-items:center;
}
.card_summary_store .card-info .iconsvg{ grid-area: 1 / 1 / 3 / 2; }
.card_summary_store .card-info-title { grid-area: 1 / 2 / 2 / 3; }
.card_summary_store .card-info-text { grid-area: 2 / 2 / 3 / 3; }


.card_summary_store .card-info .iconsvg{
	--icon-size: 24px;
}
.card_summary_store .card-info .iconsvg:before{
	--icon-color: var(--color-dark);
}

.card_summary_store .card-info-title{
	color:#666;
	font-size:var(--text-xs);
}
.card_summary_store .card-info-text{
	color:var(--color-dark);
	font-weight:600;
}*/



.mapbox_store{
	height:300px;
	margin-top:var(--spacing-xl);
}
.mapbox_store iframe{
	width:100%; height:100%;
}


/* ===== 地圖檢視 [in store_map] */
.around-map{
	text-align:center;
	margin:var(--spacing-xl) 0;
}
.around-map-item{
	display:inline-block;
	border-radius:0.75rem;
	border:1px solid var(--border-muted);
	overflow:hidden;
}





/*----------------------------------------------------------------------
	519_#god [供奉神明]
-------------------------------- */
.card_god{
	padding-bottom:var(--spacing-lg);
}
.card_god:after{
	position:absolute; z-index:-1; bottom:1px; left:0; content:"";
	width:100%; height:17px;
	
	background-color:var(--text-muted);

	-webkit-mask: url(../images/icon/icon_god_frame.svg) repeat-x center / auto 100%;
            mask: url(../images/icon/icon_god_frame.svg) repeat-x center / auto 100%;
	
	opacity:0.2;
}


.card_god .card-name{
	margin:1.5rem 0;
}



/* ===== in god_view */
.card_god_summary{
	margin-bottom:var(--spacing-xl);
	text-align:center;
}
.card_god_summary .card-photo{
	max-width:280px;
	border:8px solid #fff;
	border-radius:50%;
	overflow:hidden;
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
	margin:0 auto;
}
.card_god_summary .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}

.card_god_summary .card-name-text{
	position:relative; z-index:2;
	color:#990000;
	font-weight:600;
	margin:0;
	padding:0;
}

.card_god_summary .card-name-text:before{
    position:absolute; z-index:-1; content:attr(data-storke);
    
    -webkit-text-stroke:5px #F6DB82;
			text-stroke:5px #F6DB82;
}





/*----------------------------------------------------------------------
	523_#case_result [陳情成果]
-------------------------------- */
.card_case_result{
}

/* =====標題 */
.card_case_result .card-name{
	font-size:var(--text-lg);
	text-align:center;
	margin:var(--spacing-lg) 0 var(--spacing-base) 0;
}

.card_case_result .card-footer{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
	
	border-top:1px solid rgba(var(--color-primary-rgb),0.1);
	padding-top:var(--spacing-base);
	margin-top:var(--spacing-base);
}
.card_case_result .progress-infobox{
	width:100%; max-width:100px;
}








/*----------------------------------------------------------------------
	523_#case [陳情案件]
-------------------------------- */

/* ===== case [card-status] color set */
.card-status.case_finish .iconsvg,
.card-status.case_ongoing .iconsvg{
	--icon-size: 24px;
}

/* card-status 狀態：已完成*/
.card-status.case_finish .iconsvg:before{
	--icon-color: var(--color-case-finish);
}
.card-status.case_finish .card-status-text{
	color:var(--color-case-finish);
}

/* card-status 狀態：進行中*/
.card-status.case_ongoing .iconsvg:before{
	--icon-color: var(--color-case-ongoing);
}
.card-status.case_ongoing .card-status-text{
	color:var(--color-case-ongoing);
}


/* ===== card_case */
.card_case{
	background-color: var(--bg-dark);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 1rem;
    padding: var(--spacing-base);

	transition: border-color 0.4s ease;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
	overflow:hidden;
}
/*@media (min-width:992px){
	.card_case:hover{
		border-color:rgba(var(--color-primary-rgb),0.7);
	}
}*/

.card_case .card-header{
	display:flex; flex-wrap:wrap;
	align-items:center;
	gap:var(--spacing-base);
	
	padding:var(--spacing-xs);
}
@media (min-width:768px){
	.card_case .card-header{
		gap:var(--spacing-md);
	}
}

@media (min-width:768px){
	.card_case .card-status{
		min-width:180px;
	}
}


/*資訊*/
.card_case .card-infolist{
	border-top:1px solid var(--border-muted);
	padding-top:var(--spacing-base);
	margin:0;
}
@media (min-width:768px){
	.card_case .card-infolist{
		border-top-width:0;
		padding-top:0;
	}
	.card_case .card-infolist li{ width:auto; }
}

.card_case .card-info{
	width:auto;
	font-size:var(--text-base); font-weight:600;
	color:var(--text-muted);
}
.card_case .card-info-title{
	position:relative;
	padding-right:0.75rem;
	width:80px;
	
	/*文字左右對齊*/
	text-align:justify;
	text-align-last:justify;
	text-justify:inter-word;
}
.card_case .card-info-title:after{
	position:absolute; top:0; right:0; content:"：";
	font-size:var(--text-sm); font-weight:600;
	color:var(--text-muted);
}
@media (min-width:768px){
	.card_case .card-info{
		background-color: rgba(var(--bg-item-rgb), 0.5);
		border:1px solid var(--border-muted);
		border-radius: 999px;
		font-size:var(--text-sm);
		padding:var(--spacing-xs) var(--spacing-base);
	}
	.card_case .card-info-title{
		width:auto;
	}
}

.card_case .card-body{
	background:rgba(255,255,255,0.05);
	border-radius:0.5rem;
	padding:var(--spacing-md);
}

.card_case .card-name{
	margin-bottom:var(--spacing-md);
}
.card_case .card-name-text{
	display: flex;
    align-items: center;
    gap: 12px;
}
.card_case .card-name-text:before {
    content: '';
    display: block;
    width: 4px; height: 24px;
    background-color: var(--color-primary);
    /*box-shadow: 0 0 10px var(--color-primary);*/
    border-radius: 2px;
}
.card_case .card-text{
	padding-left:16px;
}

@media (min-width:992px){
	.card_case .card-footer{
		position:absolute; top:1rem; right:1rem;
		margin:0;
	}
	.card_case .card-btn{
		width:auto;
		min-width:120px;
	}
}







/*----------------------------------------------------------------------
	523_#case_petition_c [完成陳情]
-------------------------------- */
.petition-success{
	text-align:center;
	color:#fff;
	font-size:var(--text-lg); font-weight:600;
}





/*----------------------------------------------------------------------
	523_#case_track [陳情追蹤]
-------------------------------- */

/* =====案件追蹤info*/
.case_track_infobox{
	position:relative;
	min-height:100px;
	background-color: var(--bg-card);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 1rem;
    padding: var(--spacing-base);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
	margin-bottom:var(--spacing-2xl);
}


/*狀態標籤*/
.case_track_infobox .badge_case_status{
	position:absolute; top:var(--spacing-base); right:var(--spacing-base);
	font-size:var(--text-lg);
}
.case_track_infobox .badge_case_status .iconsvg{
	--icon-size: 22px;
}

.badge_case_status.finish{
	color:var(--color-case-finish);
}
.badge_case_status.finish .iconsvg:before{
	--icon-color: var(--color-case-finish);
}
.badge_case_status.ongoing{
	color:var(--color-case-ongoing);
}
.badge_case_status.ongoing .iconsvg:before{
	--icon-color: var(--color-case-ongoing);
}


/*資訊列*/
.infobar_case_track .info{
	gap:var(--spacing-sm);
	
	width:100%;
	border-bottom:1px dashed var(--border-muted);
	padding: var(--spacing-2xs);
}
.infobar_case_track .info:last-child{
	border-bottom-width:0;
}
.infobar_case_track .info-title{
	background:rgba(var(--bg-item-rgb), 0.5);
	padding:var(--spacing-2xs) var(--spacing-base);
}
.infobar_case_track .info-text{
	width:100%;
}
@media (min-width:992px){
	.infobar_case_track .info-title{
		position:relative;
		width:120px;
		text-align:center;
	}
	.infobar_case_track .info .info-text{
		flex:1 1 auto;
		width:1%; min-width:0;
	}
}




/* ====== card_case_track */
.card_case_track{
	background-color: var(--bg-card);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 0.75rem;
    padding: var(--spacing-base);
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
}

.card_case_track .card-header,
.card_case_track .card-body,
.card_case_track .card-footer{
	padding:var(--spacing-xs);
}
.card_case_track .card-header{
	background:rgba(var(--bg-item-rgb), 0.5);
	border-radius: 0.5rem;
}

.card_case_track .card-infolist{
    margin-top: 0;
}
.card_case_track .card-info{
	/*color:#333;*/
	font-size:var(--text-sm); font-weight:600;
}
.card_case_track .card-info .iconsvg{
	--icon-size: 16px;
}
.card_case_track .card-info .card-info-title{
	position:relative;
	padding-right:var(--spacing-md);
}
.card_case_track .card-info .card-info-title:after{
	position:absolute; top:0; right:0; content:"：";
}

/*狀態*/
.card_case_track .card-status{
	justify-content: flex-end;
}

.card_case_track .card-text{
	color:#fff;
	font-size:var(--text-base);
	margin-top:0;
}









/*----------------------------------------------------------------------
	609_#post [數據中心] [news,uninews,life,article、uniarticle]
-------------------------------- */
.card_post{
}

.card_post .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
	
	object-position: center;
}

.card_post .card-body{
	padding:var(--spacing-xs);
}

@media (min-width:1200px){
	.card_post .item-fitimg:before {
		padding-bottom: 70%;
	}
	.card_post .card-iframe{
		padding-bottom: 70%;
	}
	.card_post .card-body{
		padding:var(--spacing-sm);
	}
}

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

.card_post .card-name-text{
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-box-orient:vertical;
	white-space:normal;
	-webkit-line-clamp:3;
}






/*----------------------------------------------------------------------
	609_#post_sub [數據中心-側邊] [uniarticle]
-------------------------------- */
.card_post_sub{
}
@media (min-width:1200px){
	.card_post_sub .card-photo{
		border-radius:0.75rem;
		overflow:hidden;
	}
}

.card_post_sub .card-name-text{
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-box-orient:vertical;
	white-space:normal;
	-webkit-line-clamp:3;
}

.card_post_sub .card-body{
	padding:var(--spacing-xs);
}
.card_post_sub .card-name{
	margin:0;
}
@media (min-width: 1200px){
	.card_post_sub .card-body{
		padding:0;
	}
	.card_post_sub .card-name{
		font-size: var(--text-base);
	}
	.card_post_sub .card-name-text{
		-webkit-line-clamp:2;
	}
}


.card_post_sub .card-infolist{
	gap:var(--spacing-base);
	margin-top:var(--spacing-2xs);
}
.card_post_sub .card-infolist > li{
	width: auto;
}
.card_post_sub .card-info .iconsvg{
	display:none;
}
.card_post_sub .card-info{
	margin:0;
}
.card_post_sub .card-info,
.card_post_sub .card-info a{
	color:var(--text-muted);
	font-size:var(--text-sm); font-weight:600;
}
.card_post_sub .card-info a:hover{
	color:var(--color-primary);
}








/*----------------------------------------------------------------------
	609_#listicle [數據中心詳細-延伸閱讀-條列清單] [uniarticle]
-------------------------------- */
.card_listicle{
	background:transparent;
	border-width:0;
	padding-left:20px;
}
.card_listicle:before{
	position: absolute; top: 6px; left: 5px; content: "";
    width: 8px; height: 8px;
    background: var(--color-dark);
    transform: rotate(45deg);
}
.card_listicle .card-name{
	margin:0;
}
@media (min-width: 1400px){
	.card_listicle:before{
		top: 10px;
	}
}






/*----------------------------------------------------------------------
	221_#news [最新消息] [數據中心]
-------------------------------- */
.card_news .card-date-box{
	width:170px;
	margin:var(--spacing-sm) 0;
}
.card_news .card-date-item{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 0;
	align-items:center;
}

.card_news .card-date.day{ grid-area: 1 / 1 / 3 / 2; }
.card_news .card-date.year { grid-area: 1 / 2 / 2 / 3; }
.card_news .card-date.month { grid-area: 2 / 2 / 3 / 3; }

.card_news .card-date{
	display:block;
}
.card_news .card-date.day{
	color:var(--color-primary);
    font-size:var(--text-5xl); line-height:1;
}
.card_news .card-date.year{
	color:var(--text-muted);
	 font-size:var(--text-base);
	font-weight:600; letter-spacing:2px;
}
.card_news .card-date.month{
	color:#fff;
	font-size:var(--text-base);
	font-weight:600; letter-spacing:2px;
}





/*----------------------------------------------------------------------
	223_#article [文章] [數據中心]
-------------------------------- */




/*----------------------------------------------------------------------
	491_#uninews [在地新聞] [數據中心]
-------------------------------- */



/*----------------------------------------------------------------------
	492_#life [在地生活] [數據中心]
-------------------------------- */



/*----------------------------------------------------------------------
	D1_#define [自訂選單]
-------------------------------- */





/*----------------------------------------------------------------------
	D2_#contact [聯絡我們-聯絡資料]
-------------------------------- */

.mapbox_contact{ height: 100%; }
.mapbox_contact iframe{ height: 100%; }	



.infolist_contact_company li{
	border-bottom:1px dashed var(--border-muted);
	padding:var(--spacing-sm) var(--spacing-xs);
}
.infolist_contact_company li:first-child{
	border-top:1px dashed var(--border-muted);
}
@media (min-width:992px){
	.infolist_contact_company li:first-child{
		border-top-width:0;
	}
}
.infolist_contact_company li:hover{
	background:rgba(var(--color-primary-rgb),0.05);
}

.infolist_contact_company .info{
	display: grid;
	grid-template-columns: 26px 1fr;
	/*grid-template-rows: repeat(2, 1fr);*/
	grid-template-rows: 20px 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0;
	
	font-weight:600;
	align-items:center;
}
.infolist_contact_company .info .iconsvg{ grid-area: 1 / 1 / 3 / 2; }
.infolist_contact_company .info-title { grid-area: 1 / 2 / 2 / 3; }
.infolist_contact_company .info-text { grid-area: 2 / 2 / 3 / 3; }

.infolist_contact_company .info .iconsvg{
	--icon-size: 24px;
}
.infolist_contact_company .info .iconsvg:before{
	--icon-color: var(--color-primary);
}

.infolist_contact_company .info-title{
	color:var(--text-muted);
	font-size:var(--text-xs); line-height:1.4;
}

.infolist_contact_company .info-text,
.infolist_contact_company .info-text a{
	color:#fff;
}
.infolist_contact_company .info-text a:hover{
	color:var(--color-primary);
}




/*----------------------------------------------------------------------
	D2_#contact [分店資訊]
-------------------------------- */
.card_branch{
}

.card_branch .card-iframe{
	height:100%;
    padding-bottom:0;
}
.card_branch .card-iframe iframe{
	position:relative; top:0; left:0;
	width:100%; height:100%;
}

.card_branch .card-body{
	padding:var(--spacing-sm);
}	
.card_branch .card-name{
	margin-bottom:var(--spacing-md);
}

.card_branch .card-infolist{
	gap:0;
}
.card_branch .card-infolist li{
	width:100%;
	border-bottom:1px dashed var(--border-muted);
	padding:var(--spacing-xs) var(--spacing-xs);
}
@media (min-width:992px){
	.card_branch .card-infolist li{
		width:50%;
	}
}

.card_branch .card-info{
	display: grid;
	grid-template-columns: 26px 1fr;
	grid-template-rows: 20px 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0;
	
	font-weight:600;
	align-items:center;
}
.card_branch .card-info .iconsvg{ grid-area: 1 / 1 / 3 / 2; }
.card_branch .card-info-title { grid-area: 1 / 2 / 2 / 3; }
.card_branch .card-info-text { grid-area: 2 / 2 / 3 / 3; }

.card_branch .card-info .iconsvg{
	--icon-size: 24px;
}
.card_branch .card-info .iconsvg:before{
	--icon-color: var(--color-primary);
}

.card_branch .card-info-title{
	color:var(--text-muted);
	font-size:var(--text-xs); line-height:1.4;
}

.card_branch .card-info-text,
.card_branch .card-info-text a{
	color:#fff;
}
.card_branch .card-info-text a:hover{
	color:var(--color-accent);
}






/*----------------------------------------------------------------------
	#consult [問題諮詢]
-------------------------------- */
/* 按鈕 */
.btn_consult{
	min-width:160px;
	background:radial-gradient(circle, rgba(228,63,63, 0) 0%, rgba(228,63,63, 0.4) 100%);
	border:1px solid #e43f3f;
	border-radius:2rem;
	color:#e43f3f;
	padding:var(--spacing-base) var(--spacing-md);
	overflow:hidden;
	transition: transform 0.3s ease;
}
.btn_consult .iconsvg{
	--icon-size: 64px;
	
	position:absolute; right:-5px; top:50%;
	margin-top:-32px;
	opacity:0.2;
	transform:rotate(10deg);
}
.btn_consult .iconsvg:before{
	--icon-color: #e43f3f;
}
.btn_consult:hover{
	background:#e43f3f;
	box-shadow: 0 0 20px #e43f3f;
	color:#fff;
	transform: translateY(-2px);
} 
.btn_consult:hover .iconsvg:before{
	--icon-color: #fff;
	opacity:0.8;
}



.consult{
	padding-top:var(--spacing-md);
}
.consult .page{
	margin:var(--spacing-md) 0 0 0;
}

/*in view*/
.consult_view .consult_inner{
	background-color: rgba(var(--bg-item-rgb), 0.5);
	border-radius: 0.75rem;
	padding-top:5rem;
	padding:7rem 1.5rem 1rem 1.5rem;
	margin-top:-6rem;
}

.card-btnbar.consult{
	position: relative; z-index: 2;
	justify-content:center;
}



.card_consult{
	background:rgba(255,255,255,0.05);
	border-radius:0.5rem;
	/*border:1px solid rgba(255,255,255,0.1);*/
	padding: var(--spacing-base);
	transition: background 0.4s ease;
}

.card_consult .card-header{
	display:flex; flex-wrap:wrap;
	align-items:center;
}
.card_consult .card-info_sign{
	gap:0;
	width: 32px; height: 32px;
	
	justify-content: center;
	background: var(--color-primary);
	border-radius: 50%;
	color: var(--color-on-primary);
	font-size: var(--text-sm); font-weight:600; line-height: 32px;
    font-family: Helvetica, sans-serif;
	text-align: center;
	margin-right:var(--spacing-xs);
}

.card_consult .card-name{
	flex:1 1 auto;
	width:1%; min-width:0;
}

.card_consult .card-info-title,
.card_consult .card-info-text{
	margin: 0;
	flex: none;
	width: auto; min-width: auto;
}

.card_consult .card-name{
	color: var(--color-primary);
	font-weight: 600;
	margin: 0;
}


.card_consult .card-body{
	padding-left:2.5rem;
}
.card_consult .card-body .card-info_sign{ display: none; }
.card_consult .card-text{
	color: #fff;
	font-size: var(--text-base);
	margin: 0;
}








/*----------------------------------------------------------------------
	#advertise [母子新聞]
-------------------------------- */
.card_advertise{
	background-color: var(--bg-dark);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 1rem;
	padding:var(--spacing-base);
	text-align:center;
}
.card_advertise .card_row{ align-items:center; }
.card_advertise .card-left{ width:100px; }
.card_advertise .card-right{
	width:calc( 100% - 100px );
	padding-left:var(--spacing-sm);
	margin:0;
}

.card_advertise .card-photo{
	background:#fff;
}

.card_advertise .card-name{
	font-size:var(--text-sm);
}







/*----------------------------------------------------------------------
	#appdownload [首次使用商務夥伴APP in idx]
-------------------------------- */
.btnbar_appdownload{
	justify-content:center;
	margin:var(--spacing-base) 0;
}
@media (min-width:992px){
	.btnbar_appdownload{
		justify-content:flex-end;
	}
}
.btn_appdownload{
	min-width:160px;
	background:radial-gradient(circle, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.1) 100%);
	border:1px solid rgba(255,255,255,0.1);
	border-radius:9999px;
	color:#fff;
	padding:var(--spacing-sm) var(--spacing-md);
	transition: transform 0.3s ease;
}
.btn_appdownload:hover{
	background:var(--color-primary);
	color:var(--color-on-primary);
}



/* ===== 標題 */
.heading_appdownload{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content: center;
	gap: var(--spacing-2xs);
	margin-bottom:var(--spacing-lg);	
}
.heading_appdownload .heading-icon{
	width:50px; height:50px;
}
.heading_appdownload .heading-icon img{
	display:block; max-width:100%; height:auto;
}
.heading_appdownload .heading-text{
	color:#fff;
	font-size: var(--text-4xl); font-weight:600;
}


/* ===== 列表 */
.cardlist_appdownload{
    max-width:500px;
    margin:0 auto;
    text-align:center;
}
.cardlist_appdownload > li{
    display:inline-block;
    width:160px;
    margin:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);
}


.card-app{
	background:transparent;
	border-width:0;
}
.card-app .card-name{ margin-top:var(--spacing-sm); }
.card-app .card-name, 
.card-app .card-name a{
    color:#fff;
}





/*----------------------------------------------------------------------
	#caller [叫號系統]
-------------------------------- */
.callerbox{
	max-width:1000px; margin:0 auto;
}

.card_caller{
	background-color: var(--bg-dark);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 1rem;
	padding:var(--spacing-base);
	text-align:center;
}
.card_caller:hover{
	border-color:rgba(var(--color-primary-rgb),1);
}
.card_caller .card-photo{
	max-width:110px; max-height:110px;
	border-radius:0.5rem;
	margin-left:auto; margin-right:auto;
	overflow:hidden;
}
@media (min-width:992px){
	.card_caller{
		text-align:left;
	}
	.card_caller .card-photo{
		margin:0;
	}
}
.card_caller .card-info,
.card_caller .card-info a{
	display:block;
	color:var(--text-muted);
}

.card_caller .card-info a:hover{
	color:var(--color-primary);
}






/*----------------------------------------------------------------------
	#namecard [雲端名片]
-------------------------------- */
.namecardbox{
	max-width:1000px; margin:0 auto;
}

.card_namecard{
	background-color: var(--bg-dark);
	backdrop-filter: blur(16px);
    border: 1px solid var(--border-muted);
    border-radius: 1rem;
}

.card_qrcode{
	background:transparent;
	
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:var(--border-muted);
	
	padding:var(--spacing-base);
	margin:0;
	text-align:center;
	height:100%;
}
.card_namecard .row > div:nth-child(2) .card_qrcode,
.card_namecard .row > div:nth-child(4) .card_qrcode{
	border-right-width:0;
}
.card_namecard .row > div:nth-child(1) .card_qrcode,
.card_namecard .row > div:nth-child(2) .card_qrcode{
	border-top-width:0;
}


.card_qrcode .card-photo{
	max-width:110px; max-height:110px;
	border-radius:0.5rem;
	margin-left:auto; margin-right:auto;
	overflow:hidden;
}
@media (min-width:992px){
	.card_qrcode .card-photo{
		margin:0;
	}
}

.card_qrcode .card-name{
	margin-bottom:0.5rem;
	text-align:center;
}
.card_qrcode .card-name-text,
.card_qrcode .card-info.jobtitle{
	display:inline-block; vertical-align:bottom;
	padding:0;
	margin:0;
}
.card_qrcode .card-name-text{
	color:var(--color-primary);
	font-size:var(--text-xl);
}
.card_qrcode .card-info.jobtitle{
	font-size:var(--text-sm);
}
@media (min-width:992px){
	.card_qrcode .card-name{
		text-align:left;
	}
}


.card_qrcode .card-btn{
	font-size:var(--text-sm);
	padding:var(--spacing-xs);
}
@media (min-width:992px){
	.card_qrcode .card-btnbar{
		justify-content: flex-end;
		gap:var(--spacing-xs);
		margin:0;
	}
}


/* ===== 加line好友(in idx namecard) */
.card_qrcode .card-infobar .card-info{
	justify-content: center;
	
	width:100%;
	font-size:var(--text-sm);
}
@media (min-width:992px){
	.card_qrcode .card-infobar .card-info{
		justify-content: flex-start;
	}
}

/*加line好友*/
.card_qrcode .card-info.line-add .iconsvg{
    --icon-size: 26px;
}

/*允許--加line好友*/
.card_qrcode .card-info.line-allow{
	color:var(--color-line);
}
.card_qrcode .card-info.line-allow .iconsvg:before{
	--icon-color: var(--color-line);
}





/*----------------------------------------------------------------------
	#card_figure [相片集]
-------------------------------- */
.card_figure,
.card_about_figure{
	border-width:0;
	transition:box-shadow 0.5s ease-in-out;
}

.card_about_figure .card-photo,
.card_figure .card-photo{
	background:rgba(255,255,255,0.05);
	border-radius: 0.75rem;
	box-shadow:3px 3px 10px rgb(0,0,0,0.9);
	overflow:hidden;
}

.card_figure:hover .card-photo,
.card_about_figure:hover .card-photo{
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}

.card_figure .card-text,
.card_about_figure .card-text{
	/*color:var(--text-muted);*/
	font-size:var(--text-sm);
	text-align:center;
	margin-top:var(--spacing-2xs);
}