/* ******************** 分店功能 ********************  */
.store_branch_func{
	position: relative;
    width: max-content;
    margin: auto;
    margin-bottom:20px;
}
.tab-menu-swiper .swiper-slide a {font-weight:500;}
.page_type_swiper{margin-top:0px !important;}
/* ******************** 標題造型 ********************  */
.branch_title_bg {
    position: relative;
    max-width: 560px;
    margin: auto;
}
.branch_title_bg::before {
    content: "";
    background: #CCCCCC;
    height: 1px;
    width: 100%;
    top: 14px;
    position: absolute;
    left:0px;
}
.branch_title_bg::after {
    content: "";
    background: #CCCCCC;
    height: 1px;
    width: 100%;
    top: 14px;
    position: absolute;
    right:0px;
}
.branch_title{
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    background-color: #ffffff;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    width: fit-content;
    margin: 0 auto 16px;
    letter-spacing: 6px;
}
/* ******************** 文章分類 ********************  */
.branch.article-block .swiper_area{
	border:0;
    margin-top:20px;
}
@media(max-width:575px){
.branch.article-block .swiper_area{
	border:0;
    margin-top:0;
    margin-bottom:0;
}
}
/* .branch.article-block{
	margin-bottom:10px !important;
} */
.theme-text{
	font-size:14px;
	font-weight:bold;
	min-width:55px;
	text-align:center;
	letter-spacing: 1px;
}
.br-gray{
	border-right:1px solid #dddddd;	
}
.branch.article-block .img_page_type{
	width:45px;
	margin-top:10%;
}
@media(max-width:767px){
.branch.article-block .img_page_type{
	width:35px;
	margin-top:5%;
}
}
.branch.article-block .theme-text{font-size:13px;}
@media (max-width: 767px) {
	.article-block{margin-bottom:20px}
	.article-block .swiper_area{margin-top:10px; padding-bottom:0px;}
	.article-block .swiper-wrapper{justify-content:flex-start;}
}
@media(max-width:575px){
	.theme-text{font-size:12px;}
	.img_page_type{width:40px;margin-top:10%;}
}
/* ***************************************** 城區設施 ***************************************** */
.div_urban_facility{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap:10px;
}
@media(max-width:575px){
	.div_urban_facility{ grid-template-columns:1fr 1fr; }
}
/* ***************************************** 分館選單 ***************************************** */
.tab-menu-swiper .swiper-slide {
	border-right:1px dashed #CCCCCC !important;
}
.tab-menu-swiper .swiper-slide.selected a:after {
	content:'' !important;
}
/* ***************************************** 文章外殼 ***************************************** */
.para__content {
    line-height: 1.2;
    border: none;
    padding: 24px 0px;
}
/* ***************************************** 分館DM ***************************************** */
.dm__img-box{
	border: 1px solid #cccccc;
    padding: 10px;
    text-align: center;
}
.dm-post-title{
	font-size:14px;
	letter-spacing: 1.2px;
    color: #646464;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    Overflow: hidden;
}
.dm-post-date a{	
	font-size:15px;
}
.dm__img-block {
	background: #FAF9F8;
	margin:10px 0px;
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}
.dm__img{
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.news-block{
	background: #FAF9F8;
    padding: 10px;
}
.hero-slider_Middle__arrow{
	width: 30px;
    height: 30px;
    border: 1px solid #dbdbdb;
    color: #000000;
    background: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    padding: 0 10px;
}
.div_dm_product{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
}
@media(max-width:767px){
	.div_dm_product{ grid-template-columns:1fr 1fr 1fr;}
}
@media(max-width:575px){
	.div_dm_product{ grid-template-columns:1fr 1fr; }
}
/* ***************************************** 會員資料 ***************************************** */
.div_minfo_card{
	border: 1px solid #cccccc;
    padding: 15px 25px;
    border-radius: 10px;
}
.div_m_info{
	gap:10px;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}
.div_m_info:last-child{
	border-bottom:0;
}
.label_sex{
	gap:5px;
	display:grid;
	grid-template-columns: 1fr 1fr;
	align-items:center;
}
input[type="radio"]::after{
	top:0;
}
.form-box__single-group input, .form-box__single-group textarea, .form-box__single-group select {
	padding:10px 5px;
}
@media (max-width: 767px) {
	.div_m_info{grid-template-columns: 1fr 1fr;}
}
@media(max-width:575px){
	.div_m_info{grid-template-columns: 1fr;}
}
/* ***************************************** 意見回饋 ***************************************** */
.div_m_info .form-box__single-group{
	flex-wrap:wrap;
}
.div_minfo_card label{
	white-space:nowrap!important;
	display:flex;
	align-items:center;
}
.checkbox-group-inline{
	display:inline-flex;
	flex-wrap:wrap;
}
.checkbox-group-inline .form-check-inline{
	margin-bottom:8px;
}
/* ***************************************** 客服信件 ***************************************** */
.mail_view_hint{
	letter-spacing: 1.2px;
    font-size: 15px;
}
.cusContentFeedBack{
	resize:none;
	height:150px !important
}
.w_max_content{
	width:max-content;
}
/* ***************************************** Swiper ***************************************** */
.branch .swiper-member-list a{
	display:block;
	padding:24px;
	border:3px solid transparent; 
}
.branch .swiper-member-list a:hover{
	opacity:0.75;
}
@media(max-width:991px){
.branch .swiper-member-list a{
	padding:16px;
}
}
@media(max-width:575px){
.branch .swiper-member-list a{
	padding:12px;
}
}
.swiper-active-style{
/* 	border:3px solid var(--header_sub_bg_color);  */
	color:var(--header_sub_bg_color);
	padding:24px;
	display:block;
}
.swiper-active-style:hover{
	opacity:0.75;
}
@media(max-width:991px){
.swiper-active-style{
	padding:16px;
}
}
.branch .swiper-active-style{
	padding:0;
}
.grid-block-center .swiper_area{
	max-width:998px;
	display:flex;
	justify-content:center;
	margin:auto;
	border:0!important;
}
.swiper_area-position{
	margin-top:40px;
	margin-bottom:20px;
}
@media(max-width:767px){
.swiper_area-position{
	margin-top:20px;
	margin-bottom:0px;
}
}