/* ---------------------------------------------------------------------------------------------------------------------- idx.首頁 */
/*====== idx.首頁*/



/*====== idx[01]區塊*/
.idx-sec-area{ margin:45px 0 90px 0; }



/* ---------------------------------------------------------------------------------------------------------------------- idx[02]-大標 */
/*====== idx[02]-大標 */
.idx-headline-bar{ position:relative; padding-left:20px; margin-bottom:30px; }
.idx-headline-bar:before , .idx-headline-bar:after{
	position:absolute; left:0px; content:"";
	width:8px; height:50%;
}
.idx-headline-bar:before{
	top:0;
	
	background:#0E429B;
	background:var(--darker-color);
}
.idx-headline-bar:after{
	bottom:0;
	
	background:#ffaa1f;
	background:var(--accent-color);
}

.idx-headline-bar .pheading .text{ display:block; line-height:1.5; }

.idx-headline-bar .pheading.main .text{
	color:#0E429B;
	color:var(--darker-color);
	
	font-size:1.6em;
}
.idx-headline-bar .pheading.sub .text{
	color:#ffaa1f;
	color:var(--accent-color);
}







/* ---------------------------------------------------------------------------------------------------------------------- idx[03]-輪播設定 */
/*====== idx[03]-輪播設定 */
.page-banner img{ display:block; max-width:100%; height:auto; }




/*====== idx[03]-輪播設定-項目 */
.slide-itempro{ padding-bottom:70px; }

.slide-itempro li.item{ padding:0 15px; }

.slide-itempro .slick-arrow{
	position:absolute; z-index:11; bottom:0;
	width:50px; height:50px;
	background:#fff;
	border:2px solid #666;
	color:transparent;
	font-size:0;
	cursor:pointer;

	transition:opacity 0.7s ease , transform 0.7s ease;
}
.slide-itempro .slick-prev{ left:50%; margin-left:-55px; }
.slide-itempro .slick-next{ right:50%; margin-right:-55px; }

.slide-itempro .slick-arrow:before{
	position:absolute; top:50%; left:50%; content:"";
	width:10px; height:10px;
	border-width:2px; border-style:solid; border-color:#666;
	margin-top:-5px;
	
	transform:rotate(45deg);
}
.slide-itempro .slick-prev:before{ border-top-width:0; border-right-width:0; margin-left:-3px; }
.slide-itempro .slick-next:before{ border-left-width:0; border-bottom-width:0; margin-left:-8px; }

.slide-itempro .slick-arrow:hover , .slide-itempro .slick-arrow:hover:before{
	border-color:#E8494A;
	border-color:var(--accent-color);
}

.slide-itempro .slick-arrow.slick-disabled{ opacity:0.5; cursor:default; border-color:#666; }
.slide-itempro .slick-arrow.slick-disabled:before{ border-color:#666; }








/* ---------------------------------------------------------------------------------------------------------------------- idx[04]-自訂頁面 */
/*====== idx[04]-自訂頁面 */
.idx-custom-card{ border:1px solid #eee; padding:30px; }






/* ---------------------------------------------------------------------------------------------------------------------- idx[05]-關於我們-單則 */
/*====== idx[05]-關於我們-單則 */
.idx-about-sigle-card{ border-width:0px; padding:0; }
.idx-about-sigle-card:hover{ background:transparent; }
.idx-about-sigle-card .card-flex{ display:flex; flex-wrap:wrap; }
.idx-about-sigle-card .card-flex > .flex-left{ width:calc( ( 100% - 40px ) / 5 * 2 ); margin-right:40px;}
.idx-about-sigle-card .card-flex > .flex-right{ width:calc( ( 100% - 40px ) / 5 * 3 ); }

.idx-about-sigle-card .photobox{ border:1px solid #ccc; padding:15px; background:#fff; }


/*====== idx[05]-關於我們-單則-大標 */
.idx-about-sigle-card .namebar{ position:relative; margin:30px 0; padding-left:20px; }
.idx-about-sigle-card .namebar:before , .idx-about-sigle-card .namebar:after{
	position:absolute; left:0px; content:"";
	width:6px; height:50%;	
}
.idx-about-sigle-card .namebar:before{
	top:0;
	
	background:#0E429B;
	background:var(--darker-color);
}
.idx-about-sigle-card .namebar:after{
	bottom:0;
	
	background:#ffaa1f;
	background:var(--accent-color);
}

.idx-about-sigle-card .namebar .text{
	display:inline-block;
	font-size:1.6em; font-weight:100; line-height:1.5;
    
	color:#385588;
    color:var(--dark-color);
}


/*====== idx[05]-關於我們-單則-更多按鈕 */
.idx-about-sigle-card .btn-bar.card-morebar{ display:block; text-align:right; margin-top:30px; }

.idx-about-sigle-card .btn-link .iconfont{ display:none; }

.idx-about-sigle-card .btn-link{
	position:relative;
	width:100%; max-width:150px;
	border:1px solid #ccc; border-bottom-width:0px;
	color:#666;
	font-size:14px;
	padding:10px 30px 15px 30px;
}
.idx-about-sigle-card .btn-link:before , .idx-about-sigle-card .btn-link:after{
	position:absolute; bottom:0; content:"";
	width:50%; height:4px;
}
.idx-about-sigle-card .btn-link:before{
	left:0;
	background:#0E429B;
	background:var(--darker-color);
}
.idx-about-sigle-card .btn-link:after{
	right:0;
	background:#ffaa1f;
	background:var(--accent-color);
}
.idx-about-sigle-card .btn-link .text{
	font-size:16px; font-weight:600;
	
	color:#0E429B;
	color:var(--darker-color);
}
.idx-about-sigle-card .btn-link:hover{
	background:#0E429B;
	background:var(--darker-color);
	
	border-color:#0E429B;
	border-color:var(--darker-color);
}
.idx-about-sigle-card .btn-link:hover .text{ color:#fff; }










/* ---------------------------------------------------------------------------------------------------------------------- idx[06]-關於我們-多則 */
/*====== idx[06]-關於我們-多則 */


/*====== idx[06]-關於我們-多則-大標 */
.idx-about-multiple-one-card .namebar ,
.idx-about-multiple-two-card .namebar{ position:relative; margin:30px 0; padding-left:20px; }

.idx-about-multiple-one-card .namebar:before ,
.idx-about-multiple-one-card .namebar:after ,
.idx-about-multiple-two-card .namebar:before ,
.idx-about-multiple-two-card .namebar:after{
	position:absolute; left:0px; content:"";
	width:6px; height:50%;	
}
.idx-about-multiple-one-card .namebar:before ,
.idx-about-multiple-two-card .namebar:before{
	top:0;
	
	background:#0E429B;
	background:var(--darker-color);
}
.idx-about-multiple-one-card .namebar:after ,
.idx-about-multiple-two-card .namebar:after{
	bottom:0;
	
	background:#ffaa1f;
	background:var(--accent-color);
}

.idx-about-multiple-one-card .namebar .text ,
.idx-about-multiple-two-card .namebar .text{
	display:inline-block;
	font-size:1.6em;
	line-height:1.5;
    
	color:#385588;
    color:var(--dark-color);
}





/* ---------------------------------------------------------------------------------------------------------------------- idx[06]-關於我們-多則-one */
/*====== idx[06]-關於我們-多則-one */
.idx-about-multiple-one .idx-sec-inner{}

.idx-about-multiple-one-card{ margin-bottom:60px; }
.idx-about-multiple-one-card .card-flex{ display:flex; flex-wrap:wrap; }
.idx-about-multiple-one-card .card-flex > .flex-left{
    width:calc( ( 100% - 40px ) / 5 * 2 ); margin-right:40px;
}
.idx-about-multiple-one-card .card-flex > .flex-right{
    width:calc( ( 100% - 40px ) / 5 * 3 ); 
}

.idx-about-multiple-one-card .photobox{ border:1px solid #ccc; padding:15px; background:#fff; }




/* ---------------------------------------------------------------------------------------------------------------------- idx[06]-關於我們-多則-one-slide */
/*====== idx[06]-關於我們-多則-one-slide */
.idx-about-slide .container{ background:#F5F5F5; }
.idx-about-slide .idx-sec-inner{ padding:30px 0; }

/*====== idx[06]-關於我們-多則-one-slide-輪播 */
.about-multiple-slide .item img{ display:block; max-width:100%; height:auto; }
.about-multiple-slide .slick-dots{
	display:flex; flex-wrap:wrap; justify-content:center;
	width:100%;
    padding:5px;
	margin-top:5px;
}
.about-multiple-slide .slick-dots li{ margin:1px 5px;}
.about-multiple-slide .slick-dots li button{
	display:block;
	width:10px; height:10px;
	border:1px solid #999; border-radius:2px;
	color:#999;
	font-size:0;
	padding:2px;
	cursor:pointer;
}
.about-multiple-slide .slick-dots li button:hover{ background:#666; color:#fff; }
.about-multiple-slide .slick-dots li.slick-active button{ background:#333; color:#fff; opacity:1; }








/* ---------------------------------------------------------------------------------------------------------------------- idx[07]-關於我們-多則-two */
/*====== idx[07]-關於我們-多則-two */
.idx-about-multiple-two-card{ margin-bottom:60px; }


/* ---------------------------------------------------------------------------------------------------------------------- idx[07]-關於我們-多則-two-figure */
/*====== idx[07]-關於我們-多則-two-figure */
.idx-about-figure-wrap{ max-width:900px; margin:0 auto; }

.about-figure-list{ justify-content:center; }

.about-figure-card .photobox{
	border-radius:5px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.1);
	overflow:hidden;
}










/* ---------------------------------------------------------------------------------------------------------------------- idx[08]-recruit 人才招募 */
/*====== idx[08]-recruit 人才招募 */
.recruit-card{}

.recruit-card .card-flex{ display:flex; flex-wrap:wrap; align-items:center; }
.recruit-card .card-flex > .flex-left{ width:200px; }
.recruit-card .card-flex > .flex-center{
	width:calc( 100% - 330px );
	border-left:1px solid #ccc; border-right:1px solid #ccc;
	padding:0 15px;
	margin:0 15px;
}
.recruit-card .card-flex > .flex-right{ width:100px; }

.recruit-card .namebar{ text-align:center; }

.job-infobox{ margin:10px 0; }
.job-infobox .title{ display:block; font-size:12px; font-weight:600; color:#000; }
.job-infobox .text{ display:block; padding-left:20px; color:#666; }

.recruit-card .btn-bar.card-morebar{ display:block; }


.recruit-card .btn-link{
	display:block;
	width:100%;
	border:1px solid #ccc;
	padding:10px 1px;
	text-align:center;
}
.recruit-card .btn-link .iconfont , .recruit-card .btn-link .text{
	line-height:1.3;
	color:#666;
	margin:0 1px;
}
.recruit-card .btn-link .iconfont{ font-size:14px; }
.recruit-card .btn-link .text{ font-size:15px; font-weight:600; }

.recruit-card .btn-link:hover{
	border-color:#5f91ce;
	border-color:var(--accent-color , #5f91ce); 
	
	background:#5f91ce;
	background:var(--accent-color , #5f91ce); 
}
.recruit-card .btn-link:hover .iconfont , .recruit-card .btn-link:hover .text{
	color:#fff;
} 












/* ---------------------------------------------------------------------------------------------------------------------- idx[09]-area_mother 母子網廣告 */
/*====== idx[09]-area_mother 母子網廣告 */
.idx-ad-announce-area{ padding:1px 0; }
.ad-mother-area{ background:#F5F5F5; padding:15px; margin:30px 0; }
.ad-mother-inner{}

.ad-mother-flex{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.ad-mother-flex > .flex-one{ width:30%; margin-right:2%; }
.ad-mother-flex > .flex-two{ width:32%; margin:0 1%;  }

.ad-mother-link-card{ background:#fff; padding:20px; }
.ad-mother-link-card .card-flex{ display:flex; flex-wrap:wrap; align-items:center; }
.ad-mother-link-card .card-flex > .flex-left{ width:calc( ( 100% - 15px ) / 10 * 4 ); margin-right:15px; }
.ad-mother-link-card .card-flex > .flex-right{ width:calc( ( 100% - 15px ) / 10 * 6 ); }
.ad-mother-link-card .card-photo-frame{ border:1px solid #eee; }
.ad-mother-link-card .card-name{ font-weight:600; font-size:20px; }

.ad-mother-news-card{ padding:15px; }
.ad-mother-news-card .card-flex{ display:flex; flex-wrap:wrap; align-items:center; }
.ad-mother-news-card .card-flex > .flex-left{ width:calc( ( 100% - 15px ) / 10 * 3.5 ); margin-right:15px; }
.ad-mother-news-card .card-flex > .flex-right{ width:calc( ( 100% - 15px ) / 10 * 6.5 ); }
.ad-mother-news-card .card-photo-frame{ background:#fff; border:1px solid #eee; }








/* ---------------------------------------------------------------------------------------------------------------------- idx[10]-商務夥伴app下載 co_app_download */
/*====== idx[10]-商務夥伴app下載 co_app_download */
.app-download-bar{ text-align:right; margin:10px 0 30px 0; }

/*====== idx[10]-商務夥伴app - 觸發鈕 */
.appdownload-trigger{
	background:#eee;
	border-radius:3px;
	color:#666;
	font-size:14px; font-weight:600; line-height:1.4;
	padding:7px 10px;
	cursor:pointer;
}
.appdownload-trigger .mark{ color:#267FB5; }

.appdownload-trigger:hover{
	background:#2a7687;
	background:var(--accent-color); 
	
	color:#fff;
}
.appdownload-trigger:hover .mark{ color:#fff; }


/*====== idx[10]-商務夥伴app - qrcode排列 */
.app-qrcode-wrap{ max-width:400px; margin:30px auto; }

.app-qrcode-flex{ display:flex; flex-wrap:wrap; }
.app-qrcode-flex-left{ width:47%; margin-right:6%; }
.app-qrcode-flex-right{ width:47%; }

.app-qrcode-card .photobox img{ display:block; max-width:100%; height:auto; }
.app-qrcode-card .namebar{ text-align:center; line-height:1; margin-top:5px; }
.app-qrcode-card .namebar .text{ font-size:14px; font-weight:600; color:#fff; line-height:1; }










/* ---------------------------------------------------------------------------------------------------------------------- idx[11]-雲端名片 co_name_card */
/*====== idx[11]-雲端名片 co_name_card */

.namecard-card{ position:relative; border:1px solid #ccc; padding:0; }


/*====== idx[11]-雲端名片 - 欄 */
.namecard-card .card-flex{ display:flex; flex-wrap:wrap; align-items:center; }
.namecard-card .card-flex > .flex-left , 
.namecard-card .card-flex > .flex-center , 
.namecard-card .card-flex > .flex-right{
	padding:20px;
	
	border-color:#ccc;
	border-style:solid;
	border-width:0px;
}

.namecard-card .card-flex > .flex-left{ width:36%; }
.namecard-card .card-flex > .flex-center{ width:32%; border-left-width:1px; }
.namecard-card .card-flex > .flex-right{ width:32%; border-left-width:1px; }


/*====== idx[11]-雲端名片 - qrcode左右排 */
.qrcodebox{ }
.qrcodebox-flex{ display:flex; flex-wrap:wrap; align-items:center; }
.qrcodebox-flex > .flex-left{ width:120px; margin-right:15px; }
.qrcodebox-flex > .flex-right{ width:calc( 100% - 135px ); }


.namecard-card .photobox{ border:1px solid #eee; margin-bottom:0; }


.namecard-card .infometa{ margin:10px 0; }
/* .namecard-card .infometa a{ display:block; width:100%; } */
.namecard-card .infometa .iconfont , .namecard-card .infometa .text{
	display:inline-block;
	vertical-align:middle;
	font-size:14px; line-height:1;
	color:#666;
}
.namecard-card .infometa .iconfont{ font-size:30px; }


/* 可加LINE好友 */
.namecard-card .infometa.addfriend-info.line.can-add a{
	display:inline-block;
	background:#40BF05;
	border-radius:3px;
	line-height:1;
	padding:1px 8px;
}
.namecard-card .infometa.addfriend-info.line.can-add .iconfont ,
.namecard-card .infometa.addfriend-info.line.can-add .text{ color:#fff; }


/* 不可加LINE好友 */
.namecard-card .infometa.addfriend-info.line.no-add a{}
.namecard-card .infometa.addfriend-info.line.no-add .iconfont ,
.namecard-card .infometa.addfriend-info.line.no-add .text{ color:#40BF05; }


.namecard-card .infometa.addfriend-info.can-add a:hover{
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

















/* ########################################################################################################################################################## 
	內頁 module
########################################################################################################################################################## */







/* ---------------------------------------------------------------------------------------------------------------------- module[01]about 關於我們 */
/*====== module[01]about 關於我們 */










/* ---------------------------------------------------------------------------------------------------------------------- module[02]news 最新消息 */
/*====== module[02]news 最新消息 */
.news-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }

.news-card.insidepage{ border-width:0; }

.news-card.insidepage .photobox{ display:none; }


.news-card .card-inner{ position:relative; }

.news-card.insidepage .infobar{ position:absolute; top:5px; left:0; }
.news-card.insidepage .infobar .iconfont{ display:none; }
.news-card .infobar .text{
	font-size:17px; font-weight:600; line-height:1;
	color:#666;
}

.news-card.insidepage .namebar{ padding-left:120px; }
.news-card .namebar .text{
	color:#466BAA; 
    color:var(--primary-color);
}

.news-card .card-morebar{ display:block; text-align:right; }
.news-card .card-morebar .btn-link .text{ font-size:16px; }
.news-card .card-morebar .btn-link .iconfont:before{
	/*套用 圖標 font-style.css*/
	font-family:'icomoon' !important;
	content:"\e925";
}


.news-card:hover .card-morebar{
	animation:goto 2s linear infinite;
	-moz-animation:goto 2s linear infinite;
	-webkit-animation:goto 2s linear infinite;
	-o-animation:goto 2s linear infinite;
}



/*====== module[02]news(in 首頁) */
.idx-news-list:before, .idx-news-list:after{ display:table; content:" " }
.idx-news-list:after{ clear:both }

.idx-news-list > li{
	width:calc( ( 100% - 60px ) / 10 * 5 );
	margin-left:auto;
}

.idx-news-list > li:nth-child(1){
	float:left;
	width:calc( ( 100% - 60px ) / 10 * 5 );
	margin-right:60px;
	border-bottom-width:0;
}

.news-card.idx .photobox{ display:none; }
.idx-news-list > li:nth-child(1) .news-card.idx .photobox{ display:block; } 

.news-card.idx{ margin-bottom:30px; }
.idx-news-list > li:nth-child(1) .news-card.idx{ margin-bottom:0; } 

/*.news-card.idx .infobar .iconfont{ display:none; }*/

.news-card.idx .infobar{ position:absolute; top:0; left:0; }
.news-card.idx .infobar .iconfont{ display:none; }

.news-card.idx .namebar{ padding-top:25px; }

.news-card.idx .descripbox{
	/* -webkit-line-clamp:2; */
}



/*====== module[02-2]news_view 消息詳細 */













/* ---------------------------------------------------------------------------------------------------------------------- module[03]announcement 活動公告 */
/*====== module[03]announcement 活動公告 */

.activity-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }

.activity-card{ border-width:0; }

.activity-card .card-flex{ display:flex; flex-wrap:wrap; align-items:center; }
.activity-card .card-flex > .flex-left{ width:200px; margin-right:30px; }
.activity-card .card-flex > .flex-right{ width:calc( 100% - 230px ); padding:10px 0; }

.activity-card .photobox{ margin-bottom:0; }


.activity-card .infometa{ display:flex; flex-wrap:wrap; align-items:center; margin-bottom:20px; }
.activity-card .infometa .icon{ width:20px; margin-right:3px; }
.activity-card .infometa .text{ font-weight:600; font-size:17px; color:#666; }

.activity-card .namebar{}
.activity-card .namebar .text{}

.activity-card .descripbox{ margin:10px 0 25px 0; }


/*====== module[03]announcement(in 首頁) */
.idx-activity-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }
.idx-activity-list > li:first-child{ border-top:1px solid #ccc; }










/* ---------------------------------------------------------------------------------------------------------------------- module[04]franchiser 加盟主資訊 */
/*====== module[04]franchiser 加盟主資訊 */
.franchiser-card{}

.franchiser-card .photobox{}

.franchiser-card .card-inner{ }

.franchiser-card .namebar{ position:relative; padding-bottom:10px; margin:10px 0 15px 0; }
.franchiser-card .namebar:before{
	position:absolute; bottom:0; left:0; content:"";
	width:30px; height:2px;
	
	background:#466BAA;
    background:var(--primary-color);
}
.franchiser-card .namebar .text{}


.franchiser-card .infometa-area{}
.franchiser-card .infometa-list{}
.franchiser-card .infometa-list > li{}

.franchiser-card .infometa-iconfont-area{}
.franchiser-card .infometa-iconfont-list{
	display:flex; flex-wrap:wrap; align-items:center;
}
.franchiser-card .infometa-iconfont-list > li{ margin:5px 10px 5px 0; }

.franchiser-card .infometa{
	border-radius:5px;
	overflow:hidden;
}
.franchiser-card .infometa .iconfont{
	display:block;
	width:34px; height:34px;
	font-size:22px; line-height:34px;
	text-align:center;
	color:#fff;
}
.franchiser-card .infometa .text{}

.franchiser-card .infometa.global{ background:#2BAC37; }
.franchiser-card .infometa.line{ background:#FBBC04; }
.franchiser-card .infometa.mail{ background:#3785C4; }

.franchiser-card .infometa-iconfont-list .infometa:hover{
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
}



/*====== module[04-2]franchiser_event 加盟主活動 */
.franchiser-event-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }


/*====== module[04-3]franchiser_albums 加盟主相簿 */


/*====== module[04-4]加franchiser_albums_view 盟主相簿詳細 */










/* ---------------------------------------------------------------------------------------------------------------------- module[05]product 商品介紹 */
/*====== module[05]product 商品介紹 */


/*====== module[05]product(in 首頁) */
.product-card.idx .namebar{ text-align:center; }


/*====== module[05]product(in 內頁) */
.product-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }

.product-card.insidepage{ border-width:0; }

.product-card.insidepage .card-flex{ display:flex; flex-wrap:wrap; }
.product-card.insidepage .card-flex > .flex-left{ width:220px; margin-right:30px;}
.product-card.insidepage .card-flex > .flex-right{ width:calc( 100% - 270px - 30px );}

.product-card.insidepage .namebar{ margin-bottom:20px; }

.product-card.insidepage .descripbox{
	max-height:100%;
	text-overflow:clip;
	overflow:auto;
	
	-webkit-line-clamp:none;
	-webkit-box-orient:inline-axis;
	white-space:normal;
}



/*====== module[05-2]product_view 商品詳細 */
.pro-info-area{ margin-bottom:45px; padding-bottom:45px; border-bottom:1px solid #ccc; }

.product-info-flex{ display:flex; flex-wrap:wrap;  }
.product-info-flex > .flex-left{ width:calc( ( 100% - 30px ) / 10 * 4 ); margin-right:30px; }
.product-info-flex > .flex-right{ width:calc( ( 100% - 30px ) / 10 * 6 ); }



/*====== module[05-2]product_view-商品輪播(大) */
.sync-slide-wrap{ border:1px solid #ccc; padding:5px; margin-bottom:15px; }
.sync-slide{ position:relative; overflow:hidden; }
.sync-slide .slick-prev , .sync-slide .slick-next{
	position:absolute; z-index:1; bottom:0;
	display:block;
	width:60px; height:100%;
	
	background:linear-gradient(top, transparent, rgba(255, 255, 255, 0.4), transparent);
	background:-moz-linear-gradient(top, transparent, rgba(255, 255, 255, 0.4), transparent);
	background:-webkit-linear-gradient(top, transparent, rgba(255, 255, 255, 0.4), transparent);
	background:-o-linear-gradient(top, transparent, rgba(255, 255, 255, 0.4), transparent);
	background:-ms-linear-gradient(top, transparent, rgba(255, 255, 255, 0.4), transparent);
	
	border:none;
	font-size:0;
	color:transparent;
	cursor:pointer;
	transition: opacity 0.7s ease , transform 0.7s ease;
}
.sync-slide .slick-prev{ left:0; transform:translateX(-70px); }
.sync-slide .slick-next{ right:0; transform:translateX(70px); }

.sync-slide .slick-prev:before , .sync-slide .slick-next:before{
	position:absolute; top:50%; left:50%; content:"";
	width:10px; height:10px;
	margin-top:-7px; margin-left:-7px;
	
	border-width:3px;
	border-style:solid;
	border-color:#000;
	
	transform:rotate(45deg);
}

.sync-slide .slick-prev:before{ border-top-width:0; border-right-width:0; }
.sync-slide .slick-next:before{ border-left-width:0; border-bottom-width:0; }

.sync-slide:hover .slick-prev , .sync-slide:hover .slick-next{
	transform:translateX(0);
}

.sync-slide .slick-prev:hover , .sync-slide .slick-next:hover{
	background:rgba(255,255,255,0.7);
}

.sync-slide .slick-prev.slick-disabled,
.sync-slide .slick-next.slick-disabled{ opacity:0; cursor:default; }




/*====== module[05-2]product_view-商品輪播(縮圖) */
.sync-thum-slide{ position:relative; overflow:hidden; }
.sync-thum-slide .item{ padding:5px; cursor:pointer; }

.sync-thum-card{ border:1px solid #ccc; }

.sync-thum-slide .item:hover .sync-thum-card{ border-color:#666; }
.sync-thum-slide .item.slick-current .sync-thum-card{
	border-width:3px;
	
	border-color:#ffaa1f;
    border-color:var(--accent-color);
	
	opacity:1; cursor:default;
}

.sync-thum-slide{ position:relative; overflow:hidden; }
.sync-thum-slide .slick-prev , .sync-thum-slide .slick-next{
	position:absolute; z-index:1; top:0;
	display:block;
	width:40px; height:100%;
	background:transparent;
	font-size:0;
	color:transparent;
	border:none;
	cursor:pointer;

	-webkit-transition: opacity 0.7s ease , transform 0.7s ease;
	transition: opacity 0.7s ease , transform 0.7s ease;
}
.sync-thum-slide .slick-prev{ left:0; }
.sync-thum-slide .slick-next{ right:0; }

.sync-thum-slide .slick-prev:before , .sync-thum-slide .slick-next:before{
	position:absolute; top:50%; left:50%; content:"";
	width:10px; height:10px;
	margin-top:-7px; margin-left:-7px;
	
	border-style:solid;
	border-color:#000;
	border-width:3px;
	
	transform:rotate(45deg);
}

.sync-thum-slide .slick-prev:before{ border-top-width:0; border-right-width:0; }
.sync-thum-slide .slick-next:before{ border-left-width:0; border-bottom-width:0; }

.sync-thum-slide .slick-prev.slick-disabled,
.sync-thum-slide .slick-next.slick-disabled{ opacity:0.2; cursor:default;  }













/* ---------------------------------------------------------------------------------------------------------------------- module[06]agent_pd 代理商品 */
/*====== module[06]agent_pd 代理商品 */
.agent-pd-card .namebar{ text-align:center; }




/*====== module[06]agent_pd - 價錢 */
.pricebox{
	position:relative;
	padding:5px 0;
	border-top:1px solid #e5e5e5;
}
.pricebox:before{
	position:absolute; top:0; right:0px; content:"";
	widows:0; height:0;
	border-top:11px solid #e5e5e5;
	border-left:12px solid transparent;
}

.price-item{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }

.pricemeta{
	display:block;
	margin:5px 1px;
	font-weight:600; line-height:1;
	font-family:'Notosans2', 'Open-Sans', Roboto, 'Noto Sans TC', sans-serif;
	text-align:center;
}

.pricemeta.unit{ font-size:14px; color:#333; }
.pricemeta.sale-dollar{ font-size:22px; color:#cc3333; }
.pricemeta.period{ font-size:14px; color:#333; }
.pricemeta.orig-dollar{
	font-size:14px;
	color:#999;
	font-weight:100;
	text-decoration:line-through;
}


/*====== module[06]agent_pd - 價錢在表列頁 */
.pricebox.agent-pd{ margin-top:10px; }


/*====== module[06]agent_pd - 價錢在詳細頁 */
.pricebox.view-pro{ text-align:center; margin:15px 0; border-bottom:1px solid #e5e5e5; }
.pricebox.view-pro .price-bar{ display:inline-block; vertical-align:middle; }

.pricebox.view-pro .pricemeta.unit{ font-size:16px; }
.pricebox.view-pro .pricemeta.sale-dollar{ font-size:30px; }
.pricebox.view-pro .pricemeta.period{ font-size:16px; }
.pricebox.view-pro .pricemeta.orig-dollar{ font-size:16px; }



/*====== module[06]agent_pd - 購買區塊(in詳細 at頁尾) */
.view-end-addcart-box{
	border:1px solid #ccc;
	max-width:400px;
	padding:30px 30px 15px 30px;
	margin:45px auto;
}


/*====== module[06-2]agent_pd_view 代理商品詳細 */











/* ---------------------------------------------------------------------------------------------------------------------- module[07]works 作品欣賞 */
/*====== module[07]works 作品欣賞 */







/* ---------------------------------------------------------------------------------------------------------------------- module[08]albums 活動剪影 */
/*====== module[08]albums 活動剪影 */
.albums-card .namebar{ text-align:center; }


/*====== module[08-2]albums_view 剪影詳細 */











/* ---------------------------------------------------------------------------------------------------------------------- module[09]designer 設計師 */
/*====== module[09]designer 設計師 */
.designer-card{ position:relative; overflow:hidden; }
.designer-card:hover{ background:transparent; }

.designer-card .flex-left .card-box{ position:relative; }

.designer-card .namebar{ text-align:center; }

.designer-card .infobar{ text-align:center; }

.designer-card .descripbox{ display:none; }



/*====== module[09]designer - 預約與視訊按鈕在列表之設定 */
.designer-card .btn-bar{ margin-top:20px; text-align:center; }
.video-bar.designer{ display:inline-block; vertical-align:middle; }

.designer-card .btn-link{
	position:relative;
	display:inline-block; vertical-align:middle;
	background:#fff;
	border:1px solid #ccc; border-radius:4px;
	padding:0;
	margin:5px 5px;
	text-align:center;
}
.designer-card .btn-link:before{
	position:absolute; z-index:0; top:0; left:0; content:"";
	width:0; height:100%;
	background:#999;
	transition:width 0.2s ease;
}

.designer-card .btn-link .text{
	position:relative; z-index:1;
	font-size:14px; font-weight:600; line-height:1;
	color:#333;
	padding:2px 10px 2px 0;
	margin:0;
	text-align:center;
}

.designer-card .btn-link .iconfont{
	position:relative; z-index:1;
	display:block;
	font-size:20px; line-height:1;
	color:#333;
	text-align:center;
	padding:6px 2px 6px 10px;
	margin:0;
}

/*預約按鈕*/
.designer-card:hover .btn-link.reserve{ border-color:#EA972B; }
.designer-card:hover .btn-link.reserve:before{ background:#EA972B; }
.designer-card:hover .btn-link.reserve .text{ color:#EA972B; }
.designer-card:hover .btn-link.reserve .iconfont{ color:#EA972B; }
.designer-card .btn-link.reserve:hover{ border-color:#EA972B; }

/*視訊按鈕*/
.designer-card:hover .btn-link.video{ border-color:#4FAE5C; }
.designer-card:hover .btn-link.video:before{ background:#4FAE5C; }
.designer-card:hover .btn-link.video .text{ color:#4FAE5C; }
.designer-card:hover .btn-link.video .iconfont{ color:#4FAE5C; }
.designer-card .btn-link.video:hover{ border-color:#4FAE5C; }

.designer-card .btn-link:hover:before ,
.video-bar.designer .video-trigger:hover:before{
	width:100%;
}

.designer-card:hover .btn-link:hover .text ,
.designer-card:hover .video-bar.designer .video-trigger:hover .text,
.designer-card:hover .btn-link:hover .iconfont ,
.designer-card:hover .video-bar.designer .video-trigger:hover .iconfont{
	color:#fff;
}





/*====== module[09]designer - 視訊列表 */
.video-conf-list > li{
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#dbdbdb;
}
.video-conf-list > li:first-child{ border-top-width:1px; }

.video-conf-card{
	background:#fff;
	padding:25px 0;
	border-width:0;
}
.video-conf-card:hover{ background:transparent; }

.video-conf-card .card-flex{ display:flex; flex-wrap:wrap; /*align-items:center;*/ }
.video-conf-card .one-cols-item{ width:150px; text-align:left; padding-top:5px; }
.video-conf-card .two-cols-item{ width:calc( 100% - 400px ); text-align:left; padding:5px 30px 0 30px; }
.video-conf-card .three-cols-item{ width:250px; }


/*====== module[09]designer - 視訊列表-視訊tab */
.video-tag{
	display:block;
	width:100%;
	background:#fff;
	padding:0 20px;
	text-align:center;
	margin-top:1px;
}
.video-tag .text{
	position:relative;
	display:inline-block;
	font-size:14px; font-weight:600; line-height:1;
	padding:9px 20px 9px 0;
}

/*有視訊tab*/
.video-tag.go{ border:1px solid #4FAE5C; }
.video-tag.go .text{ color:#4FAE5C; }
.video-tag.go .text:before{
	position:absolute; top:50%; right:0; content:"";
	margin-top:-7px;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:12px solid #4FAE5C;
}
.video-tag.go:hover{ background:#4FAE5C; }
.video-tag.go:hover .text{ color:#fff; }
.video-tag.go:hover .text:before{ border-left-color:#fff; }


/*無視訊tab*/
.video-tag.no-allow{
	border:1px solid #999;
	cursor:not-allowed;
}
.video-tag.no-allow .text{ color:#999; }
.video-tag.no-allow .text:before{
	position:absolute; top:50%; right:0; content:"";
	margin-top:-7px;
	width:12px; height:12px;
	border:2px solid #999;
	border-radius:50%;
}
.video-tag.no-allow .text:after{
	position:absolute; top:50%; right:6px; content:"";
	margin-top:-6px;
	width:2px; height:14px;
	transform:rotate(-45deg);
	background:#999;
}


/*====== module[09]designer - 視訊列表-標題 */
.video-conf-card .namebar{ margin:0; }
.video-conf-card .namebar .text{
	display:block;
	background:#f3f3f3;
	padding:5px 10px;
	text-align:left;
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.video-conf-card .namebar a .text{ color:#4FAE5C; }
.video-conf-card .namebar a:hover .text{ color:#E8494A; }


/*====== module[09]designer - 視訊列表-說明 */
.video-conf-card .descripbox{
	font-size:14px;
	margin:10px 0 0 0;
	padding-left:20px;
	text-align:left;
}


/*====== module[09]designer - 視訊列表-時間 */
.date-info{ font-size:14px; line-height:1; }
.date-info.start{ margin-bottom:12px; }

.date-info .title , .date-info .text{
	display:inline-block; vertical-align:middle;
	line-height:1;
}
.date-info .title{
	font-size:12px;
	padding:3px 2px;
	margin-right:0;
	color:#666;
}
.date-info .title:after{ content:"/"; margin-left:2px;}
.date-info .text{ color:#666; }

/*起*/
.date-info.start .title{ border-color:#009933; }
.date-info.start .title , .date-info.start .text{ color:#009933; }

/*迄*/
.date-info.end .title{ border-color:#4d0f00; }
.date-info.end .title , .date-info.end .text{ color:#4d0f00; }


/*連接視訊*/
.video-conf-card .video-link-btn{ min-width:100px; }
.video-conf-card .video-link-btn a{ display:block; }







/*====== module[09-2]designer_view 設計師詳細 */

/*====== module[09-2]designer_view - 個人簡介區塊 */
.person-summary-area{ border-bottom:1px solid #ccc; padding-bottom:30px; margin:45px 0 30px 0;}
.person-summary-flex{ display:flex; flex-wrap:wrap; }
.person-summary-flex > .flex-left{ width:calc( ( 100% - 240px ) / 6 * 2 ); }
.person-summary-flex > .flex-center{ width:calc( ( 100% - 240px ) / 6 * 4 ); margin:0 40px; }
.person-summary-flex > .flex-right{ width:160px; }


.person-summary-card{}

.person-summary-card .photobox{}

.person-summary-card .namebar{ margin-bottom:15px; }
.person-summary-card .namebar .text{
	font-size:1.4rem; font-weight:600;
	
	color:#2160AD;
	color:var(--primary-color , #466BAA);
}



/*====== module[09-2]designer_view - 視訊btn在詳細頁設定 */
.video-bar.designer-view{ text-align:center; margin:15px 0; }


/*====== module[09-2]designer_view - 預約btn在詳細頁設定 */
.person-summary-area .video-bar.designer-view{ text-align:center; margin:15px 0 30px 0; }
.person-summary-area .video-trigger{
	display:block;
	width:100%;
	margin:0;
	padding-left:20px; padding-right:20px;
}





/*====== module[09-2]designer_view - 個人簡介區塊-電子名片 */
.summary-qrcode-card{
	position:relative;
	border:1px solid #ccc;
	border-top-width:3px;
	margin-top:40px;
	max-width:180px;
	margin:0 auto 30px auto;
	padding:10px;
	text-align:center;
	
}
.summary-qrcode-card:before{
	position:absolute;
	top:0;
	right:0;
	width:0;
	height:0;
	content:"";
	border-right:15px solid #ccc;
	border-bottom:15px solid transparent;
}
.summary-qrcode-card .namebar .title{ color:#333; }

.summary-qrcode-card .photobox{ max-width:150px; margin:0 auto; }




/*========== module[09-3]designer_pic 設計師相簿 ==========*/












/* ---------------------------------------------------------------------------------------------------------------------- module[10]equipment 設備資料 */
/*====== module[10]equipment 設備資料 */
.equipment-card .namebar{ text-align:center; margin-bottom:0; }

.equipment-card .btn-bar.card-morebar{ display:none; }



/*====== module[10-2]equipment_view 設備詳細 */











/* ---------------------------------------------------------------------------------------------------------------------- module[11]qa 常見問題 */
/*====== module[11]qa 常見問題 */


/*====== module[11]qa - 問答區塊 */
#qaContent{ width:100%; }
/*.accordionPart { margin-bottom:30px; }*/
#qaContent ul.accordionPart li {
	position:relative;
	width:100%;
	border-bottom:1px solid #eee;
	transition:All 0.35s ease;
}


/*====== module[11]qa - 問題Q列 */
#qaContent ul.accordionPart li .qa_qeustion {
	position:relative;
	color:#333;
	font-size:18px; font-weight:600;
	padding:20px 25px 20px 60px;
	cursor:pointer;
}
#qaContent ul.accordionPart li .qa_qeustion:hover{ background:rgba(0,0,0,0.03); }
#qaContent ul.accordionPart li .qa_qeustion.is-open{
	color:#245A9B;
    color:var(--primary-color);
	
	font-weight:600;
}
#qaContent ul.accordionPart li .qa_qeustion.is-open:hover{ background:transparent; }


/*====== module[11]qa - 問題Q列-標頭圖樣 */
.qa-q-mark{ position:absolute; top:17px; left:10px; width:36px; height:36px; }
.qa-q-mark:before{
	position:absolute; top:0; left:0; content:"Q";
	width:36px; height:36px;
	background:#ccc;
	border-radius:50%;
	font-size:20px; font-weight:600; line-height:36px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#fff;
	text-align:center;
}
.qa-q-mark:after{
	position:absolute; z-index:1; bottom:2px; right:-4px ;content:"";
	width:0; height:0;
	
	border-top:8px solid transparent;
	border-left:8px solid #ccc;
	border-bottom:8px solid transparent;

	transform:rotate(21deg);
}
#qaContent ul.accordionPart li .qa_qeustion.is-open .qa-q-mark:before{
	background:#ffaa1f;
	background:var(--accent-color);
}
#qaContent ul.accordionPart li .qa_qeustion.is-open .qa-q-mark:after{
	border-left-color:#ffaa1f;
	border-left-color:var(--accent-color);
}


/*====== module[11]qa - 問題Q列-箭頭 */
.qa-open-icon{ position:absolute; top:0; right:0; width:80px; height:100%; }
.qa-open-icon:before{
	position:absolute; z-index:1; top:34px; right:12px; content:"";
	width:0; height:0;
	
	border-width:7px;
	border-style:solid;
	border-color:#999 transparent transparent transparent;
}

#qaContent ul.accordionPart li .qa_qeustion.is-open .qa-open-icon:before{
	top:26px;
	border-top-color:transparent;
	
	border-bottom-color:#ffaa1f; 
	border-bottom-color:var(--accent-color);
}



/*====== module[11]qa - 回答A列 */
#qaContent ul.accordionPart li .qa_answer {
	display:none;
	position:relative;
	padding:15px 10px 30px 60px;
	border-top:1px dashed #ccc;
}
#qaContent ul.accordionPart li .qa_answer img{ max-width:100%; height:auto; }

.qa-a-mark{ display:none; }













/* ---------------------------------------------------------------------------------------------------------------------- module[12]article 文章分享 */
/*====== module[12]article 文章分享 */
.article-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }

.article-card{ border-width:0; }

.article-card .namebar .text{
	color:#2160AD;
	color:var(--primary-color);
}

.article-card .descripbox{ padding-left:20px; }



/*====== module[12]article(in 首頁) */
.idx-article-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }










/* ---------------------------------------------------------------------------------------------------------------------- module[13]download 檔案下載 */
/*====== module[13]download 檔案下載 */
.download-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }

.download-card{ border-width:0; }

.download-card .namebar .text{
	color:#466BAA;
	color:var(--primary-color);
}

.download-card .btn-bar{ text-align:right; margin-top:20px; }



/*====== module[13]download(in 首頁) */
.idx-download-list > li{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:0; }











/* ---------------------------------------------------------------------------------------------------------------------- module[14]member 成員介紹 */
/*====== module[14]member 成員介紹 */


/*====== module[14]member - 表格-小標 */
.team-tb-headline{ padding:5px 15px; border-bottom:1px solid #e6e6e6; }

.team-tb-headline .namebar{}
.team-tb-headline .namebar .text{ font-size:14px; font-weight:600; color:#999; }



/*====== module[14]member - 表格 */
#teamContent { width:100%; }
.accordionPart { margin-bottom:30px; }
#teamContent ul.accordionPart li {
	position:relative;
	width:100%;
	transition:All 0.35s ease;
}
#teamContent ul.accordionPart li .acco-heading {
	position:relative;
	color:#606060;
	cursor:pointer;
	padding:10px 15px;
	font-size:16px;
	border-bottom:1px solid #e6e6e6;
}
#teamContent ul.accordionPart li:first-child .acco-heading{
	border-top:1px solid #e6e6e6;
}

#teamContent ul.accordionPart li .acco-heading:hover{
	color:var(--primary-color , #466BAA );
}
#teamContent ul.accordionPart li .acco-heading.is-open{
	background:var(--primary-color , #466BAA );
	
	color:#fff;
	font-weight:600;
}



/*====== module[14]member - 表格列-欄 */
.team-heading-flex{ display:flex; flex-wrap:wrap; }
.team-heading-flex .one-cols{ width:15%; }
.team-heading-flex .two-cols{ width:35%; }
.team-heading-flex .three-cols{ width:20%; }
.team-heading-flex .four-cols{ width:30%; text-align:right; }


/*====== module[14]member - 表格列-詳細按鈕 */
.team-open-icon{ position:relative; display:inline-block; padding-right:14px; }
.team-open-icon:before{
	position:absolute;
	top:7px;
	right:0;
	width:0;
	height:0;
	content:"";
	margin-top:-3px;
	border-top:5px solid #666;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	opacity:0.5;
}
.team-open-icon .title{ display:block; font-size:12px; color:#666; line-height:1; }

#teamContent ul.accordionPart li .acco-heading.is-open .team-open-icon .title{ color:#fff; }
#teamContent ul.accordionPart li .acco-heading.is-open .team-open-icon:before{
	margin-top:-10px;
	border-top:6px solid transparent;
	border-bottom:6px solid #fff;
	opacity:1; 
}



/*====== module[14]member - 詳細說明區塊 */
#teamContent ul.accordionPart li .acco-hidebox {
	display:none;
	position:relative;
	padding:20px;
	color:#777777;
	margin-top:5px;
	border:1px solid #ccc;
}

.team-profile-flex{ display:flex; flex-wrap:wrap; }
.team-profile-flex .flex-left{ width:200px; margin-right:30px; }
.team-profile-flex .flex-right{ width:calc( 100% - 230px);}

.team-photo{ max-width:250px; margin:0 auto; }
.team-photo img{ display:block; max-width:100%; height:auto; }



.team-profile-list > li{ border-bottom:1px dashed #ccc; }
.team-profile-list > li:last-child{ border-bottom-width:0; }
.team-profile-list > li:first-child{ border-bottom-width:1px; }

.team-info-item{ position:relative; display:flex; flex-wrap:wrap; padding:5px 0; }
.team-info-item .title{
	position:relative;
	display:block;
	width:110px;
	font-size:14px; font-weight:600;
	color:#6e4414; 
	padding-right:20px;
	margin-right:10px;
	text-align:right;
}
.team-info-item .title:after{ position:absolute; top:5px; right:0; content:"/"; line-height:1; }

.team-info-item .content{ display:block; width:calc(100% - 130px); }
.team-info-item .content img{ max-width:100%; height:auto; }

.team-info-item .content , .team-info-item .content a{ color:#333; }
.team-info-item .content a:hover{ color:#FFD41F; }



/*====== module[14]member - 詳細說明區塊-介紹大標 */
.member-intro-heading{
	text-align:center;
	color:#6e4414; 
	font-weight:600;
	font-size:14px;

	border-top:1px solid #eee;
	padding-top:15px;
	margin:20px 0 15px 0;
}














/* ---------------------------------------------------------------------------------------------------------------------- module[15]location 經銷區域 */
/*====== module[15]location 經銷區域 */
.location-card:hover{ background:transparent; }

.location-card .mapbox{
	position:relative;
	height:200px;
	background:#F1F3F4;
	margin-bottom:15px;
}
.location-card .mapbox:before{
	position:absolute; z-index:1; bottom:0; right:0;
	content:"MAP";
	font-family:Helvetica, sans-serif; font-weight:600; line-height:1;
	color:#BDD4F8;
}
.location-card .mapbox iframe{
	position:relative; z-index:5;
	display:block; width:100%; height:100%;
}


.location-card .namebar{  position:relative; padding-bottom:10px; margin-bottom:15px; }
.location-card .namebar:before{
	position:absolute; bottom:0; left:0; content:"";
	width:30px; height:2px;
	
	background:#466BAA;
    background:var(--primary-color);
}
.location-card .namebar .text{
	color:#466BAA;
    color:var(--primary-color);
	
	font-weight:600;
}


.location-card .descripbox{ font-size:12px; }













/* ---------------------------------------------------------------------------------------------------------------------- module[16]job 人才招募 */
/*====== module[16]job 人才招募 */
.job-box{ border:1px solid #ccc; padding:30px; margin:45px 0; border-radius:10px; }

.job-heading{ text-align:center; margin-bottom:30px; }
.job-heading .title{ color:#323232; font-size:1.2em; font-weight:600; }


.job-list{ display:flex; flex-wrap:wrap; }
.job-list > li{ width:98%; margin-left:1%; margin-right:1%; margin-bottom:10px; }
.job-list > li.hald-width{ width:48%; }

.job-info-item{ position:relative; display:flex; flex-wrap:wrap; border-bottom:1px dashed #ccc; padding:5px 0; }
.job-info-item .title{
	position:relative;
	display:block;
	width:130px;
	margin-right:10px;
	text-align:right;
	
	color:#385588; 
	color:var(--darker-color);
	
	padding-right:20px;
	font-weight:600;
}
.job-info-item .title:after{ position:absolute; top:5px; right:0; content:"/"; line-height:1; }

.job-info-item .content{ display:block; width:calc(100% - 145px); }

.job-info-item .editor-area{ margin:0; color:#666; }



/*====== module[16]job - 無徵才 */
.no-job-box{ /* text-align:center; */ }
.no-job-box .explain-note{ /* font-size:18px; font-weight:600; */ }













/* ---------------------------------------------------------------------------------------------------------------------- module[17]link 相關連結 */
/*====== module[17]link 相關連結 */
.link-card .namebar{ text-align:center; }
.link-card .namebar .text{ font-size:14px; }








/* ---------------------------------------------------------------------------------------------------------------------- module[18]define 自訂頁面 */
/*====== module[18]define 自訂頁面 */











/* ---------------------------------------------------------------------------------------------------------------------- module[19]contact 聯絡我們 */
/*====== module[19]contact 聯絡我們 */
.contact-sec-area{ max-width:1000px; margin:30px auto 120px auto; }


/*====== module[19]contact - 資訊區塊 */
.contact-information-area{ }
.contact-information-flex{ display:flex; flex-wrap:wrap; }
.contact-information-flex > .flex-left{ order:2; width:100%; }
.contact-information-flex > .flex-right{ order:1; width:100%; margin-bottom:30px; }

.contact-mapbox{ width:100%; height:300px;  }
.contact-mapbox iframe{ display:block; max-width:100%; height:100%; }




/*====== module[19]contact - 資訊列 */
.contact-info-list{ display:inline-block; }
.contact-info-list li{
	position:relative;
	margin-bottom:15px;
	font-size:1em;
	min-height:30px;
	text-align:left;
	
	word-break:break-all;
	word-wrap:break-word;
}

.contact-info-list li .title{ position:absolute; top:0; width:90px; }
.contact-info-list li .title:after{ position:absolute; top:0; right:0; content:"：";}

.contact-info-list li .icon{
	position:absolute;
	top:2px;
	width:26px;
	background:#757575;
	padding:2px;
	
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-bborder-radius:50%;
	border-radius:50%;
}
.contact-info-list li .icon img{ display:block; max-width:100%; height:auto; }

.contact-info-list li , .contact-info-list li a { color:#666; }
.contact-info-list li a:hover {
	color:var(--primary-color , #466BAA );
}


/* ====== module[19]contact - 資訊列_1:純標題 == */
.contact-info-list.name_style li{ padding-left:94px; }
.contact-info-list.name_style li .title{ left:0; }

/* ====== module[19]contact - 資訊列_2:標題+icon == */
.contact-info-list.icon_name_style li{ padding-left:125px; }
.contact-info-list.icon_name_style li .icon{ left:0; }
.contact-info-list.icon_name_style li .title{ left:35px; }

/* ====== module[19]contact - 資訊列_3:純icon == */
.contact-info-list.icon_style li{ padding-left:35px; }
.contact-info-list.icon_style li .icon{ left:0; }






/*====== module[19]contact - 表單 */
.contact-form-list{ display:flex; flex-wrap:wrap; }
.contact-form-list > li{ width:100%; margin-bottom:15px; }

.contact-form-note{}

.contact-require-note{ font-size:0.8em; color:#666; margin-bottom:8px; text-align:right; }

.form-inquiry-term-bar{}
.form-inquiry-term{ padding:10px 0; color:#FF0000; }

.contact-thks-note{ margin:60px 0; text-align:center; color:#000; }


.contact-form-list .form-bar{ display:flex; flex-wrap:wrap; width:100%; }

.require-mark{ display:inline-block; width:8px; color:red; font-size:0.85em; }

.form-bar label{ text-align:left; }
.form-bar .icon{
	display:inline-block; vertical-align:middle;
	width:26px;
	background:#757575;
	padding:2px;
	margin-right:2px;
	border-radius:50%;
}
.form-bar .icon img{ display:block; max-width:100%; height:auto; }
.form-bar .title{ display:inline-block; vertical-align:middle; color:#333; font-size:15px; }

.form-bar input[type=text] , .form-bar textarea{
	width:100%;
    display:block;
	background:#F9F9F9;
	border:1px solid #999;
	border-radius:3px;
	color:#333;
	padding:15px 10px;
}

.form-btn-line{ width:100%; text-align:center; margin-top:25px; }
.fbtn-confirm{
	position:relative;
	display:inline-block;
	z-index:1;
	padding:5px 20px;
	
	background:var(--primary-color , #466BAA );
	
	color:#fff;
	border:1px solid transparent;
	background:#666;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
}
.fbtn-confirm:hover{
	background:#385588;
	background:var(--dark-color);
	
	color:#fff;
}


.code-check-area{}
.code-check-area a{ font-size:14px; font-weight:600; }


/*====== module[19]contact - 表單_1:純標題 == */
.contact-form-list.name_style .form-bar .form-bar-left{ width:95px; padding-top:8px; }
.contact-form-list.name_style .form-bar .form-bar-right{ width:calc( 100% - 95px); }


/*====== module[19]contact - 表單_2:標題+iocn == */
.contact-form-list.name_icon_style .form-bar .form-bar-left{ width:125px; padding-top:8px; }
.contact-form-list.name_icon_style .form-bar .form-bar-right{ width:calc( 100% - 125px); }


/*====== module[19]contact - 表單_3:無標題 == */
.contact-form-list.no_name_style .form-bar .form-bar-left{ width:15px; }
.contact-form-list.no_name_style .form-bar .form-bar-right{ width:calc( 100% - 15px); }








/*====== module[19]contact - 分店資訊 */
.branch-flex{ display:flex; flex-wrap:wrap; }
.branch-flex-left{ width:47%; margin-right:3% } 
.branch-flex-right{ width:50%; padding:10px 0; }

.branch-box{ border:1px solid #ccc; padding:15px; }

.branch-info-title{
	position:relative;
	font-size:1rem; font-weight:600; line-height:1.4;
	color:#000;
	margin-bottom:1.2rem;
	text-align:center;
}

.branch-info-list{}
.branch-info-list li{ position:relative; margin-bottom:5px; padding-left:80px; min-height:25px; font-size:14px;  }
.branch-info-list li .title{ position:absolute; top:0; left:0; width:77px; color:#000; }
.branch-info-list li .title:after{ position:absolute; top:0; right:0; content:"：";}
.branch-info-list li , .branch-info-list li a{ color:#666; }
.branch-info-list li a:hover{ color:#B79678; }


/*====== module[19]contact - 分店資訊_1:多欄上地圖下資訊 == */
.branch-info-area.updown_style .branch-box-map{ height:200px; margin-bottom:30px; }

/*====== module[19]contact - 分店資訊_2:左地圖右資訊 == */
.branch-info-area.leftright_style .branch-info-title{ text-align:left; }
.branch-info-area.leftright_style .branch-box-map{ height:100%; }













/* ---------------------------------------------------------------------------------------------------------------------- module[20]timeline 時間記事 */
/*====== module[20]timeline 時間記事 */

.timeline-event-wrap{ position:relative; padding-bottom:30px; margin:45px 0; }



/*====== module[20]timeline - 中間線 */
.timeline-event-wrap:before{
	position:absolute; top:0; left:50%; content:"";
	width:2px; height:100%;
	background:#ccc;
	margin-left:-1px;
}


/*====== module[20]timeline - 中間線底的圓圈 */
.timeline-event-wrap:after{
	position:absolute; bottom:0; left:50%; content:"";
	width:12px; height:12px;
	background:#ccc;
	margin-left:-6px;
	border-radius:50%;
}

.timeline-container{}
.timeline-container:before, .timeline-container:after{ display:table; content:" " }
.timeline-container:after{ clear:both }


/*====== module[20]timeline - 中間的年份 */
.timeline-year{ float:left; width:100%; margin:0 auto 45px auto; clear:both; }
.timeline-year:last-of-type{ margin-bottom:30px; }

.timeline-year{ position:relative; z-index:5; text-align:center; }
.timeline-year .text{
	display:inline-block;
	border:2px solid #ccc;
	background:#fff;
	font-size:20px; font-weight:600; line-height:1;
	padding:5px 10px;
}


/*====== module[20]timeline - 項目左右漂浮設定 */
.timeline-floadt-item{
	float:left;
	width:50%;
	min-height:220px;
	padding-right:70px;
	margin-top:-180px; margin-bottom:100px;

	clear:both;
}
.timeline-floadt-item:nth-of-type(2n){
	float:right;
	padding-left:70px;
	padding-right:0;
}
.timeline-floadt-item:nth-of-type(1){ margin-top:0; }
.timeline-floadt-item:last-of-type{ margin-bottom:30px; }


/*====== module[20]timeline - 中間年份 與 漂浮項目之設定 */
.timeline-year + .timeline-floadt-item:nth-of-type(even){ margin-top:0; }
.timeline-year + .timeline-floadt-item:nth-of-type(odd){ margin-top:0; }

.timeline-floadt-item + .timeline-year{ margin-top:-70px; }




/*====== module[20]timeline - 項目 */
.timeline-card{
	position:relative;
	
	border-color:#ccc;
	border-style:solid;
	border-width:1px;
	
	padding:20px 20px 10px 20px;
}

/*====== module[20]timeline - 項目-延伸至中間的線條 */
.timeline-card:before{
	position:absolute; top:16px; right:-70px; content:"";
	width:70px; height:1px;
	background:#ccc;
}

/*====== module[20]timeline - 項目-延伸至中間的圓圈 */
.timeline-card:after{
	position:absolute;; top:16px; right:-79px; content:"";
	width:10px; height:10px;
	background:#fff;

	border-color:#ccc;
	border-style:solid;
	border-width:3px;
	
	margin-top:-7px;
	border-radius:50%;
}

/*====== module[20]timeline - 項目-偶數排列變化 */
.timeline-floadt-item:nth-of-type(2n) .timeline-card:before{ right:auto; left:-70px; }
.timeline-floadt-item:nth-of-type(2n) .timeline-card:after{ right:auto; left:-79px; }



/*====== module[20]timeline - 項目-圖片與文字位置 */
.timeline-card .card-flex{ display:flex; flex-wrap:wrap; }
.timeline-card .card-flex > .flex-left{
	order:2;
	width:100%;
	margin-top:15px;
}
.timeline-card .card-flex > .flex-right{
	order:1;
	width:100%;
}

/*偶數項目變化*/
/*.timeline-floadt-item:nth-of-type(2n) .timeline-card .card-flex{ justify-content:flex-start; }
.timeline-floadt-item:nth-of-type(2n) .timeline-card .card-flex > .flex-left{
	order:2;
	margin-left:20px; margin-right:0;
}
.timeline-floadt-item:nth-of-type(2n) .timeline-card .card-flex > .flex-right{ order:1; }*/



/*====== module[20]timeline - 項目-標題列 */
.timeline-card .card-top-bar{
	border-color:#ccc;
	border-style:dashed;
	border-width:0px;
	border-bottom-width:1px;
	
	padding-bottom:10px;
	margin-bottom:20px;
}
.timeline-card .card-top-flex{ display:flex; flex-wrap:wrap; align-items:center; }
.timeline-card .card-top-flex > .flex-left{
	width:75px;
	padding-right:15px;
	margin-right:15px;
	
	border-color:#ccc;
	border-style:dashed;
	border-width:0px;
	border-right-width:1px;
}
.timeline-card .card-top-flex > .flex-right{ width:calc( 100% - 90px ); }


/*====== module[20]timeline - 項目-標題列-左右排列(偶數變化) */
.timeline-floadt-item:nth-of-type(2n-1) .timeline-card .card-top-flex > .flex-left{
	order:2;
	padding-right:0; margin-right:0; border-right-width:0px;
	padding-left:15px; margin-left:15px; border-left:1px dashed #ccc;
}
.timeline-floadt-item:nth-of-type(2n-1) .timeline-card .card-top-flex > .flex-right{
	order:1;
}



/*====== module[20]timeline - 項目-標題列-日期 */
.timeline-card .datebox{ display:inline-block; text-align:center; }
.timeline-card .datebox .innerbox{}
.timeline-card .datebox .year , .timeline-card .datebox .month{ display:inline-block; font-size:10px; margin:0; }
.timeline-card .datebox .year:after{ content:"-"; }
.timeline-card .datebox .day{
	display:block;
	font-weight:600; font-size:36px;
	font-family:Helvetica;
	line-height:1;
}



/*====== module[20]timeline - 項目-標題列-圖片(偶數變化) */
.timeline-card .photobox{ max-width:360px; margin-left:auto; }
.timeline-floadt-item:nth-of-type(2n) .timeline-card .photobox{ margin-left:0; margin-right:auto; }

/*====== module[20]timeline - 項目-標題列-標題(行數限制) */
.timeline-card .namebar .text{
	display:block;
	max-height:67px;
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	white-space:normal;
}



/*====== module[20]timeline - 項目-繼續閱讀 */
.timeline-card .btn-bar.readmore{ text-align:right; }



/*====== module[20]timeline - 項目hover設定-延伸至中間的線條變化 */
.timeline-card:hover:before{
	background:#ffaa1f;
	background:var(--accent-color , #ffaa1f);
}

/*====== module[20]timeline - 項目hover設定-延伸至中間的圓圈變化 */
.timeline-card:hover:after{
	background:#ffaa1f;
	background:var(--accent-color , #ffaa1f);
	
	border-color:#fff;
}



/*====== module-20-2.時間記事詳細 timeline_view */











/* ---------------------------------------------------------------------------------------------------------------------- module[21]uninews 在地新聞 */
/*====== module[21]uninews 在地新聞 */
.uninews-card .photobox .item-thumb-frame .item-thumb { padding-bottom:70%; }









/* ---------------------------------------------------------------------------------------------------------------------- module[22]life 在地生活 */
/*====== module[22]life 在地生活 */
.life-card .card-inner{}

.life-card .photobox .item-thumb-frame .item-thumb { padding-bottom:70%; }

.life-card:hover .card-inner{
	border-color:rgba(70, 107, 170, 0.1);
	border-color:rgba(calc( var(--primary-color-r) ), calc( var(--primary-color-g) ), calc( var(--primary-color-b) ), 0.1);
}









/* ---------------------------------------------------------------------------------------------------------------------- module[23]people 人物介紹 */
/*====== module[23]people 人物介紹 */
.people-card{}
.people-card .card-inner{}

.people-card .photobox{ margin-bottom:0; }

.people-card .mask-item{ display:none; }

.people-card .namebar{ margin-bottom:0; }

.people-card .infometa{ margin:7px 0; }

.people-card .infometa.cate .infometa-flex , .people-card .infometa.company .infometa-flex , 
.people-card .infometa.location .infometa-flex{ justify-content:flex-end; text-align:right; }

.people-card .infometa.cate .iconfont , .people-card .infometa.company .iconfont , 
.people-card .infometa.location .iconfont{ display:none; }


.people-card .infometa.slogan{
	margin-top:0;
	margin-bottom:10px;
	padding:0 0 10px 10px;
	border-bottom:1px solid #ccc;
}
.people-card .infometa.slogan .text{
	display:inline-block;
	color:#333;
	font-size:16px; line-height:1.4;
	padding:3px 5px;
}

.people-card .descripbox{ display:none; }










/* ---------------------------------------------------------------------------------------------------------------------- module[24]webclose 網站維修中 */
/*====== module[24]webclose 網站維修中 */
.wrapper.webclose{ background:#fff; }

.webclose-wrap{ width:100%; height:100%; min-height:100vh; }

.webclose-wrap .pagefixed-flex{
	width:100%; height:100vh;
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
}
.webclose-wrap .pagefixed-centerbox{ width:100%; max-width:600px; }


/*====== module[24]webclose - 圖片 */
.webclose-photo{ margin-bottom:10px; }
.webclose-photo img{ display:block; max-width:100%; height:auto; }
.webclose-text{ margin:10px 0; font-size:18px; font-weight:600; color:#2E97BF; text-align:center }


/*====== module[24]webclose - 公司資料 */
.webclose-info-area{ margin-top:40px; text-align:center; }

.webclose-infometa{ display:inline-block; margin:0 12px; }
.webclose-infometa , .webclose-infometa a{ font-size:16px; font-weight:600; color:#333; }
.webclose-infometa a:hover{ color:#9F0605; }