:root {
    --color-one: #885A89; /*主色-紫*/
    --color-one-rgb:136,90,137;
    
	--color-two: #5F4677; /*dark 紫*/

    --color-three: #26153A; /*darker 紫*/
	
	--color-four:#FFC033; /*yellow*/
	
	--color-offside: #885A89;
	
    --color-accent: #B33E50; /*強調色*/

}


/* 後台編輯器 a連結 */
.editor{
	color:#333;
	line-height:1.8;
}
.editor a{
	color:rgba(0,0,238,1); /*預設藍*/
	text-decoration:underline;
}
.editor a:hover{
	color:var(--color-accent);
}










/*------------------------------------------------------------------------------------------- */
/*---- #wrapper */
.wrapper{
	background:#FFFEF8 url(../images/church.png) repeat center top;
	background-size:70px 70px;
	
	overflow: hidden;
}










/*------------------------------------------------------------------------------------------- */
/*---- #header */
.header_main .header_row{
	align-items:center;
}
.header_main .header-one{
	order:1;
	flex:1 1 auto;
    width:1%; min-width:0;
	padding-left:1rem;
}
.header_main .header-two{
	order:3;
	width:100%;
	background:var(--color-one);
	padding:0 1rem;
}
.header_main .header-three{
	display:none;
}
.header_main .header-four{
	display:none;
}
.header_main .header-five{
	order:2;
	width:100px;
	padding-right:1rem;
}
@media (min-width:640px){
	.header_main .header-one{
		order:1;
		flex:none;
		width:150px;
	}
	.header_main .header-two{
		order:2;
		flex:1 1 auto;
    	width:1%; min-width:0;
		background:transparent;
	}
	.header_main .header-five{
		order:3;
	}
}
@media (min-width:1100px){
	.header_main{
		padding:0 2rem;
	}
	
	.header_main .header-one{
		order:1;
		flex:none;
		width:200px; min-width:auto;
		margin-right:1rem;
		padding:0;
	}
	.header_main .header-two{
		order:2;
		flex:none;
		width:200px;
		padding:0;
	}
	.header_main .header-three{
		order:3;
		display:block;
		align-self:flex-start;

		flex:1 1 auto;
    	width:1%; min-width:0;
	}
	.header_main .header-four{
		order:4;
		display:block;
		align-self:flex-start;

		width:50px;
		margin-left:1rem;
	}
	.header_main .header-five{
		order:5;
		display:none;
	}
}

@media (min-width:1500px){
	.header_main{
		padding:0 2rem;
	}
	
	.header_main .header-one{
		width:300px;
		margin-right:1rem;
	}
	.header_main .header-two{
		width:200px;
	}
	.header_main .header-four{
		margin-left:4rem;
	}
}



/* ===== header_fixed [is-sticky]：卷軸下捲時固定 */
.header_fixed.is-sticky{
	position:fixed; z-index:900; top:-300px; left:0;
	width:100%; height:auto;

	background:#FFFEF8 url(../images/church.png) repeat center top;
	background-size:70px 70px;
	
	box-shadow:0 2px 6px rgba(0,0,0,0.1);
	
	transition:transform 0.6s ease-in-out;
}

.header_fixed.is-sticky.is-scroll{
	transform:translateY(300px);
}

.header_fixed.is-sticky .header-two{
	display:none;
}
.header_fixed.is-sticky .header-five{
	flex:1 1 auto;
	width:1%; min-width:0;
}
	
@media (min-width:1100px){
	.header_main .header-three{
		align-self:center;
	}
	.header_fixed.is-sticky .header-four{
		display:none;
	}
}




.header_fixed.is-sticky .menu li:before,
.header_fixed.is-sticky .menu li:first-child:after{
	top:10%;
	height:80%;
	background:#26153A;
}

.header_fixed.is-sticky .menu .menulink{
	padding:5px 12px;
	min-height:auto;
}
.header_fixed.is-sticky .menu .menulink:before{
	background:var(--color-one);
}
.header_fixed.is-sticky .menu .menulink .menulink-text{
	font-size:1rem;
	
	writing-mode: horizontal-tb;
    -o-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
}


.header_fixed.is-sticky .logo{
	max-width:100px;
}
@media (min-width:1100px){
    .header_fixed.is-sticky .logo{
        max-width:150px;
    }
}











/*------------------------------------------------------------------------------------------- */
/*----- #logo */
.logo{
	max-width:150px;
	margin:10px 0;
}
@media (min-width:1100px){
    .logo{
        max-width:250px;
    }
}










/*------------------------------------------------------------------------------------------- */
/*---- #phonebox */
.phonebox{
	padding:0.5rem 0;
}

.phonebox,
.phonebox_top{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:center;
}
.phonebox-title{
	display:block;
	border:1px solid #fff;
	border-radius:5px;
	color:#fff;
	font-size:0.875rem; font-weight:600; line-height:1.2;
	margin-right:10px;
	text-align:center;
	padding:3px 10px;
}
.phonebox-text{
	display:block;
	
	flex:1 1 auto;
	width:1%; min-width:0;
	
	color:#fff;
	font-size:1rem; font-weight:600; line-height:1.2;
}

.phonebox_link{
	display:block;
	background:#fff;
	border-radius:3px;
	color:var(--color-one);
	font-size:0.875rem; font-weight:600; line-height:1;
	text-align:center;
	padding:8px 5px;
	margin-left:20px;
}

@media (min-width:640px){
	.phonebox-title{
		font-size:1rem;
		border-color:var(--color-one);
		color:var(--color-one);
	}
	.phonebox-text{
		font-size:1.125rem;
		color:var(--color-three);
	}
	
	.phonebox_link{
		background:var(--color-one);
		color:#fff;
		font-size:1rem;
	}
	.phonebox_link:hover{
		background:var(--color-accent);
		color:#fff;
	}
}
@media (min-width:1100px){
	.phonebox{
		max-width:190px;
		padding:0;
	}
	.phonebox_top{
		margin-bottom:10px;
	}
	.phonebox_link{
		width:100%;
		margin-left:0;
	}
}









/*------------------------------------------------------------------------------------------- */
/*---- #menu [in header]：選單 */
.menu{
	display:none;
}
@media (min-width:1100px){
	.menu{
		display:flex; flex-wrap:wrap;
		justify-content:flex-end;
	}
}

.menu li{
	position:relative;
}
.menu li:before,
.menu li:first-child:after{
	position:absolute; top:0; content:"";
	width:1px; height:100%;
	
	background:linear-gradient(top,#26153A , transparent );
	background:-moz-linear-gradient(top,#26153A , transparent );
	background:-webkit-linear-gradient(top,#26153A , transparent );
	background:-o-linear-gradient(top,#26153A , transparent );
	background:-ms-linear-gradient(top,#26153A , transparent );
	
	opacity:0.2;
}
.menu li:before{ right:0; }
.menu li:first-child:after{ left:0; }

.menu .menulink{
	position:relative;
	display:block;
	padding:20px 12px;
	min-height:160px;
	min-width:50px;
}
.menu .menulink:before{
	position:absolute; top:0; left:0; content:"";
	width:100%; height:0;
	transition:height 0.2s ease;
	
	background:linear-gradient(top,#885A89 , transparent );
	background:-moz-linear-gradient(top,#885A89 , transparent );
	background:-webkit-linear-gradient(top,#885A89 , transparent );
	background:-o-linear-gradient(top,#885A89 , transparent );
	background:-ms-linear-gradient(top,#885A89 , transparent );
}
.menu .menulink .menulink-text{
	position:relative; z-index:2;
	display:block;
	font-size:1.125rem; font-weight:600;
	color:#333;
	
	writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -moz-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
	
    text-orientation: upright;
    word-wrap: break-word;
    white-space: nowrap;
}

.menu .menulink:hover:before{
	height:100%;
}
.menu .menulink:hover .menulink-text{
	color:#fff;
}

/*.menu .menulink:hover{
	border-bottom-color:var(--color-accent);
}*/

/* ===== menu [in header is-sticky]：卷軸下捲時選單設定 ===== */
/*.header_fixed.is-sticky .menu .menulink{
	height:30px;
}
.header_fixed.is-sticky .menu .menulink a:hover{
	transform:translateY(-30px);
}
.header_fixed.is-sticky .menu .menulink a .menu-text,
.header_fixed.is-sticky .menu .menulink a .menu-subtext{
	font-size:0.875rem; line-height:30px;
}*/










/*------------------------------------------------------------------------------------------- */
/*---- #navbar_social：社群 */
.navbar_social{
	justify-content: center;
}
.navbar_social li{
	margin:0 0.5rem;
}
.navbar_social li:first-child{ margin-left:0; }
.navbar_social li:last-child{ margin-right:0; }


.navbar_social li a .iconsvg{
	width:50px; height:50px;
	display:block;
	background:rgba(255,255,255,0.1);
	border-radius:3px;
}
.navbar_social li a .iconsvg:before{
	background-color: #fff;
	
	-webkit-mask-size: 60% 60%;
    mask-size: 60% 60%;
}

.navbar_social li a .iconsvg:hover{
	background:var(--color-one);
}
.navbar_social li a .iconsvg:hover:before{
	background-color: #fff;
}

@media (min-width: 992px){
	.navbar_social{
		padding-top:20px;
		justify-content: flex-end;
	}
	.navbar_social li{
		margin: 0 0 1rem 0;
	}
	.navbar_social li a .iconsvg{
		width:40px; height:40px;
		border:1px solid var(--color-one);
	}
	.navbar_social li a .iconsvg:before{
		background-color: var(--color-one);
		
		-webkit-mask-size: 70% 70%;
		mask-size: 70% 70%;
	}
}









/*------------------------------------------------------------------------------------------- */
/* ===== #navbar_toggler [in header]：側邊隱藏區塊-觸發鈕 */
.navbar_toggler{
	display:flex; flex-wrap:wrap;
	align-items:center; justify-content:flex-end;
	
	width: 80px;
	margin: 0 0 0 auto;
}
.navbar_toggler .navbar_toggler-icon,
.navbar_toggler .navbar_toggler-text{
	display:block;
	line-height:1;
}
.navbar_toggler .navbar_toggler-icon{
	width:18px; height:18px;
	margin-right:3px;
}
.navbar_toggler .sign_hamburger:before, 
.navbar_toggler .sign_hamburger:after , 
.navbar_toggler .sign_hamburger-line{
	background: var(--color-one);
}
.navbar_toggler .navbar_toggler-text{
	font-size:1.1rem; font-weight:600;
	color: var(--color-one);
}










/*------------------------------------------------------------------------------------------- */
/* ----- #offside */
.offside_inner{
	background: var(--color-offside);
}

.offside_header{
	padding: 2rem 0;
}





/*------------------------------------------------------------------------------------------- */
/* ----- #menu_offside 側邊區塊選單 */
.menu_offside li a{
	color: var(--color-dark);
}


/* ===== menu_offside [文字 at 第一層] */
.menu_offside > li > a{
	color:#fff;
}


/* ===== menu_offside [is 打開下層選單之提醒] */
.menu_offside li a:before{
	background: var(--color-accent);
}
.menu_offside li a.is-current{
	background: #fff;
	color: var(--color-accent);
}


/* ===== menu_offside [is 有下層之提示圖樣- 第一層] */
.menu_offside > li > a .menu-subbtn.is-open:before,
.menu_offside > li > a .menu-subbtn.is-open:after,
.menu-subbtn.is-open:before,
.menu-subbtn.is-open:after{
	background: var(--color-accent);
}





/*------------------------------------------------------------------------------------------- */
/* ----- [52]#offside_close：側邊隱藏區塊-關閉鈕 */
@media (min-width: 992px){
	.offside_close{
		width: calc( 100% - 420px );
		justify-content: flex-end;
		padding-right: 30px;
	}
}









/*------------------------------------------------------------------------------------------- */
/*---- #footer */
.footer{
	background:var(--color-one);
}

.footer_main{
	padding: 2rem 0;
}
.footer_main .footer-center{
	border-width:1px 0;
	border-style:solid;
	border-color:rgba(255,255,255,0.3);
	
	margin: 1rem 0;
	padding: 2rem 0;
}
@media (min-width: 992px){
	.footer_main .footer_row{
		align-items: center;
	}
	.footer_main .footer-left{
		width: 30%;
	}
	
	.footer_main .footer-center{
		position:relative;
		width: 30%;
		border-width:0;
		margin: 0;
		padding:0 2rem;
		margin:0 5%;
	}
	.footer_main .footer-center:before,
	.footer_main .footer-center:after{
		position:absolute; top:50%; content:"";
		width:1px; height:100px;
		background:rgba(255,255,255,0.3);
		transform:translate(0, -50%);
	}
	.footer_main .footer-center:before{ left:0; }
	.footer_main .footer-center:after{ right:0; }
	
	.footer_main .footer-right{
		width: 30%;
	}
}



.footer_btm{
	background:#A888AA;
	padding: 1rem 0;
}
.footer_btm .footer-right{
	margin-top: 0.5rem;
}

@media (min-width: 992px){
	.footer_btm .footer_row{
		align-items: center;
	}
	.footer_btm .footer-left{
		width: 50%;
	}
	.footer_btm .footer-right{
		width: 50%;
		margin-top: 0;
	}
}



/* ===== #logo_footer */
.logo_footer{
	margin-left:auto; margin-right:auto;
}



/* ===== #navbar_footer_menu：頁尾選單 */
.navbar_footer_menu li{
	width: 50%;
	margin:5px 0;
}
.navbar_footer_menu li .menulink{
	display:inline-block;
	font-size: 0.875rem;
	color: #fff;
	padding:3px 5px;
}
.navbar_footer_menu li .menulink:hover{
	color: var(--color-four);
}

.navbar_footer_menu li .menulink_mark{
	background:#fff;
	border-radius:3px;
	color:var(--color-one);
}
.navbar_footer_menu li .menulink_mark:hover{
	background:var(--color-four);
	color:#000;
}





/* ===== #infolist_footer_company[in footer] */
.infolist_footer_com li{
	margin: 1.5rem 0;
}
.infolist_footer_com .info{
	display:flex; flex-wrap:wrap;
    font-size: 0.875rem;
}
.infolist_footer_com .info-title{
	width:75px;
}
.infolist_footer_com .info-text{
	flex:1 1 auto;
	width:1%; min-width:0;
}

.infolist_footer_com,
.infolist_footer_com a{
	color: #fff;
	font-size: 0.875rem; font-weight: 600;
}
.infolist_footer_com a:hover{
	color: var(--color-four);
}





/* ===== #infolist-copyright[in footer] */
.copyright,
.web_designer{
	font-size:0.875rem; font-weight:600;
	text-align:center;
}
.copyright,
.web_designer,
.copyright a,
.web_designer a{
	color:#fff;
}
.copyright a:hover,
.web_designer a:hover{
	color:var(--color-four);
}
@media (min-width:992px){
	.copyright{
		text-align:left;
	}
	.web_designer{
		text-align:right;
	}
}










/*------------------------------------------------------------------------------------------- */
/*---- #btnbar */

/* ===== [in idx]：更多 ===== */
.btnbar_idxmore{
	margin-top:3rem;
}





/*------------------------------------------------------------------------------------------- */
/*---- #btn */
.btn{
	z-index:1;
	border-radius:40px;
	color:#fff;
	padding:0.5rem 1rem;
}
.btn:before,
.btn:after{
	position:absolute; top:0; left:0; content:"";
	width:100%; height:100%;
	border-radius:40px;
	transition: top 0.1s ease,
				left 0.1s ease;
}
.btn:before{
	z-index:2;
	background:var(--color-one);
	border:1px solid var(--color-one);
}
.btn:after{
	z-index:-1;
	top:2px; left:2px;
	background:var(--color-three);
	border:1px solid var(--color-three);
}

.btn .iconsvg
.btn .btn-text{
	position:relative; z-index:3;
}
.btn .iconsvg{
	width:20px; height:20px;
}
.btn .iconsvg:before{
	background-color:#fff;
}


.btn:hover{
	border-color:var(--color-accent);
	background:var(--color-accent);
	color:#fff;
}
.btn:hover:before{
	border-color:var(--color-accent);
	background:var(--color-accent);
}
.btn:hover:after{
	top:0; left:0;
}
/*-----  base end =-----*/



/*===== 查看裝修進度*/
.btn_timeline{
	position:relative; z-index:2;
	padding:0.8rem 2rem;
	font-size:1.4rem;
}
.btn_timeline .iconsvg{
	width:30px; height:30px;
}

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



/*===== 查看裝修進度*/
.btn_download{
	color:var(--color-one);
}
.btn_download:before{
	background:#fff;
	border:1px solid var(--color-one);
}
.btn_download .iconsvg:before{
	background-color:var(--color-one);
}
.btn_download:hover{
	border-color:var(--color-accent);
	background:var(--color-accent);
	color:#fff;
}
.btn_download:hover:before{
	border-color:var(--color-accent);
	background:var(--color-accent);
}
.btn_download:hover .iconsvg:before{
	background-color:#fff;
}



/*===== 返回*/
.btn_pageback{
	background:transparent;
	color:var(--color-one);
}
.btn_pageback:before{
	background:transparent;
	border-color:rgba(var(--color-one-rgb),0.3);
}
.btn_pageback:after{
	display:none;
}
.btn_pageback .iconsvg:before{
	background-color:var(--color-one);
}

.btn_pageback:hover .iconsvg:before{
	background-color:#fff;
}


















/*------------------------------------------------------------------------------------------- */
/* ----- #formbox 表單 */

/*===== #form-title：標題 */
.form-title{
	color:var(--color-dark);
}
.form-title:after{
	color:var(--color-dark);
}


/*===== #form-control：欄位*/
.form-control,
.form-select{
    background-color:#F9F9F9;
    border:1px solid #999;
    border-radius:0;
}


/*===== #formbtn：按鈕列*/
.formbtn{
	background:var(--color-one);
	border:2px solid #fff;
	border-radius:10rem;
	color:#fff;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
}
.formbtn:hover{
	background:var(--color-accent);
	color:#fff;
	box-shadow:2px 2px 10px rgba(0, 0, 0, 0.5);
}
/* -----  base end =-----*/



/* ===== 填表諮詢[in idx & contact] */
.formlist_inquire .form-title{
	color:var(--color-one);
}
@media (min-width:992px){
	.formlist_inquire > li{
		width:50%;
	}
	.formlist_inquire .formline_subject,
	.formlist_inquire .formline_mail,
	.formlist_inquire .formline_message,
	.formlist_inquire .formline_verifycode,
	.formlist_inquire .formline_submit{
		width:100%;
	}
	
	.formlist_inquire .formline_submit{
		padding-left:0;
	}
}












/*------------------------------------------------------------------------------------------- */
/* ------ #idx-banner */

.idx-banner{
}
@media (min-width:992px){
    .idx-banner{
        position: relative;
        margin-bottom: 3rem;
    }
}


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



/* ===== #transferbox：匯款資訊 */
.transferbox{
    display: none;
    background: #fff;
    /*width: 90%;
    margin-left: 5%;*/
}
.transferbox-title,
.transferbox-text{
    padding:0.5rem 1rem;
    font-size:1rem; font-weight:600; line-height:1.2;
}
.transferbox-title{
    background: var(--color-one);
    color:#fff;
}
.transferbox-text{
    flex:1 1 auto;
    width:1%; min-width:0;

    color:var(--color-three);
}
@media (min-width:992px){
    .transferbox{
        position: absolute; z-index: 10; bottom: -20px; right: 0;
        display:flex; flex-wrap:wrap;
    }
    .transferbox-title,
    .transferbox-text{
        padding:2rem;
    }
}




/*------------------------------------------------------------------------------------------- */
/* ------ #secbox_idx */
.secbox_idx{
    padding:4rem 0;
}

.secbox_idx .btnbar{
    margin: 3rem 0 0 0;
}



/*------------------------------------------------------------------------------------------- */
/* ------ #heading_sec */
.heading_sec{
    text-align: center;
    margin-bottom: 2rem;
}
.heading_sec .heading-text{
	position:relative;
    display:inline-block;
	color: var(--color-one);
	font-size: 1.8rem;
    padding-top: 80px;
}
.heading_sec .heading-text:before{
	position:absolute; z-index:2; top:0; left:50%; content:"";
	width:2px; height:40px;
	background:var(--color-one);
	transform:translate(-50%, 0);
	opacity:0.4;
}
.heading_sec .heading-text:after{
	position:absolute; z-index:2; top:45px; left:50%; content:"";
	width:30px; height:30px;
	background:url(../images/web-02.png) no-repeat center;
	background-size:cover;
	transform:translate(-50%, 0);
}
@media (min-width:992px){
    /*.heading_sec{
        margin-bottom: 2rem;
    }*/
    .heading_sec .heading-text{
        font-size: 2.2rem;
        padding-top: 155px;
    }
    .heading_sec .heading-text:before{
        height:120px;
    }
    .heading_sec .heading-text:after{
        top:125px; 
    } 
}


/*===== 標題-橫式*/
.itembox_sectop_hz .heading_sec{
    text-align: left;
	padding-left:2rem;
	margin-bottom: 3rem;
}
.itembox_sectop_hz .heading_sec .heading-text{
    padding-top: 0;
    padding-left: 20px;
}
.itembox_sectop_hz .heading_sec .heading-text:before{
	top:50%; left:auto; right: 115%; 
	width:1000px; height:2px;
	transform:translate(0, -50%);
}
.itembox_sectop_hz .heading_sec .heading-text:after{
	position:absolute; z-index:2; top:50%; left:0; content:"";
	transform:translate(-50%, -50%);
}










/*------------------------------------------------------------------------------------------- */
/* ------ #idx-about */
.secbox_idx_about{
    background:url("../images/web-05.png") no-repeat center;
    background-size: cover;
    padding: 0; padding-bottom: 4rem;
}
.secbox_idx_about .secbox_inner{
    max-width:800px;
    margin-left: auto; margin-right: auto;
}

.secbox_idx_about .logo{
    max-width: 150px;
    margin: 0 auto 1rem auto;
}
@media (min-width:992px){
    .secbox_idx_about{
        margin-top: -4rem;
        padding-bottom: 6rem;
    }
    .secbox_idx_about .logo{
        max-width: 200px;
    }
}





/*------------------------------------------------------------------------------------------- */
/* ------ #idx-merits：修建功德 */
.secbox_idx_merits{
    margin-top: -2rem;
    padding:0;
}

.secbox_idx_merits .secbox-left{
    position: relative;
}
.secbox_idx_merits .secbox-left:before{
    position: absolute; top: 0; left: 0; content: "";
    width: 100%; height: 95%;
    background: var(--color-one);
}


/*===== 標題*/
.secbox_idx_merits .heading_sec{
    position:relative; z-index: 2;
}
.secbox_idx_merits .heading_sec .heading-text{
    color:#fff;
}
.secbox_idx_merits .heading_sec .heading-text:before{
    background: #fff;
}
.secbox_idx_merits .heading_sec .heading-text:after{
    background-image: url(../images/web-07.png);
}

.merits_photosbox{
    position: relative; z-index: 2;
    max-width: 800px;
    margin: 2rem auto 0 auto;
}
.merits_photosbox img{
    display: block; max-width: 100%; height: auto;
}


/*===== 右側內容*/
.secbox_idx_merits .secbox_inner{
    padding:1rem;
    text-align: center;
}

.secbox_idx_merits .btnbar{
    margin:2rem 0;
}

@media (min-width:992px){
    
    /*===== 左右排列*/
    .secbox_idx_merits .secbox_row{
        display:flex; flex-wrap:wrap;
    }
    .secbox_idx_merits .secbox-left{
        width: 60%;
        padding-right: 60px;
        overflow: hidden;
    }

    .secbox_idx_merits .secbox-left:after{
        position:absolute; z-index:2; bottom:5%; right:-50px; content:"";
        width:400px; height:400px;
        background:url(../images/web-06.png) no-repeat right bottom;
        background-size:cover;
        opacity:0.1;
    }
    .secbox_idx_merits .secbox-right{
        width: 40%;
        padding: 30px 0;
    }


    /*===== 標題*/
    .secbox_idx_merits .heading_sec{
        position: absolute; top: 0; right:30px;
    }
    .secbox_idx_merits .heading_sec .heading-text{
        padding-top: 160px;

        writing-mode: vertical-rl;
        -o-writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -moz-writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;

        text-orientation: upright;
        word-wrap: break-word;
        white-space: nowrap;
    }


    /*===== 右側內容*/
    .secbox_idx_merits .secbox_inner{
        border-width: 30px 0;
        border-style: solid;
        border-color: rgba(var(--color-one-rgb),0.5);

        height: 95%;
    }

}





/*------------------------------------------------------------------------------------------- */
/* ------ #secbox_idx_god：佛菩薩介紹 */
.secbox_idx_god{
    background: url("../images/web-08.png") no-repeat center top;
    background-size: 100% auto;
    padding-top: 0;
}
.secbox_idx_god .secbox_inner{
    position: relative; z-index: 2;
    min-height: 300px;
    max-width: 1200px;
    margin-left: auto; margin-right: auto; 
}









/*------------------------------------------------------------------------------------------- */
/* ------ #secwrap_contact */
.secwrap_contact{
	padding-bottom:3rem;
}

.secbox_contact{
	margin-bottom:6rem;
}


.heading_contact{
	margin-bottom:2rem;
}
.heading_contact .heading-text{
	font-size:1.125rem; font-weight:600;
	color:var(--color-three);
}
.heading_contact .heading-text span{
	display:inline-block; vertical-align:middle;
}

.heading_contact_line .heading-text .iconsvg,
.heading_contact_wechat .heading-text .iconsvg{
	width:30px; height:30px;
}
.heading_contact_line .heading-text .iconsvg:before{
	background-color:#34AE49;
}
.heading_contact_wechat .heading-text .iconsvg:before{
	background-color:#2CBB00;
}


.contact_infobox{
	background:rgba(var(--color-one-rgb),0.1);
	/*border:1px solid rgba(var(--color-one-rgb),0.4);*/
	border-radius:10px;
	padding:2rem;
	margin-bottom:1rem;
}





/*聯絡我們-資訊*/
.infolist_contact_company{
}
.infolist_contact_company li{
	margin-bottom:1rem;
}
.infolist_contact_company .info{
	display:flex; flex-wrap:wrap;
	align-items:center;
	font-size:1rem;
}

.infolist_contact_company .info .iconsvg{
	width:30px; height:30px;
	
	background:var(--color-one);

	border-radius:50%;
	margin-right:10px;
}
.infolist_contact_company .info .iconsvg:before{
	background-color:#fff;
	
	-webkit-mask-size:60% 60%;
	mask-size:60% 60%;
}
.infolist_contact_company .info:hover .iconsvg{
	background:var(--color-accent);
}

.infolist_contact_company .info-title{
	position:relative;
	color:var(--color-one);
	font-size:1.125rem; font-weight:600;
	margin-right:10px;
	padding-right:10px;
}
.infolist_contact_company .info:hover .info-title{
	color:var(--color-accent);
}

.infolist_contact_company .info .info-text{
	width:100%;
	padding-left:40px;
}

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

@media (min-width:1100px){
	.infolist_contact_company .info-title{
		width:90px;
	}
	.infolist_contact_company .info-title:after{
		position:absolute; top:0; right:0; content:"/";
		color:var(--color-dark);
		opacity:0.5;
	}
	.infolist_contact_company .info .info-text{
		flex:1 1 auto;
		width:1%; min-width:0;
		padding-left:0;
	}
}




/*加好友區塊*/
.contact_infobox_qrcode{
	text-align:center;
}
.friends-qrcode{
	max-width:165px;
	margin-left:auto; margin-right:auto;
}
.friends-qrcode img{
	display:block; max-width:100%; height:auto;
}


















/*------------------------------------------------------------------------------------------- */
/*---- #itembox_maintop：主內容上列[in page] */
.itembox_maintop{
	background:rgba(var(--color-one-rgb),0.1);
	margin:0;
}
.itembox_maintop .itembox_inner{
	position:relative;
	padding:1rem 0 3.5rem 0;
}
.itembox_maintop .itembox_inner:before{
	position:absolute; z-index:2; bottom:0; right:0; content:"";
	width:175px; height:70px; /*5:2*/
	background:url(../images/web-01.png) no-repeat right bottom;
	background-size:cover;
}
@media (min-width:640px){
	.itembox_maintop .itembox_inner{
		position:relative;
		padding:2.4rem 0;
	}
	.itembox_maintop .itembox_inner:before{
		width:350px; height:140px; /*5:2*/
	}
}
@media (min-width:1100px){
	.itembox_maintop .itembox_inner{
		position:relative;
		padding:2.4rem 0;
	}
	.itembox_maintop .itembox_inner:before{
		width:450px; height:180px; /*5:2*/
	}
}



/* ===== #heading_module：模組大標 */
.heading_module{
	color: var(--color-two);
	margin: 0;
}
.heading_module .heading-text{
	position:relative;
	font-size: 1.375rem;
	margin:0;
}
@media (min-width:1100px){
	.heading_module .heading-text{
		font-size: 1.8rem;
	}
	.heading_module .heading-text:before{
		position:absolute; z-index:2; top:50%; right:105%; content:"";
		width:600px; height:1px;
		background:var(--color-one);
		opacity:0.4;
	}
}



/* ===== #breadcrumb-nav：導覽路徑 */
.breadcrumb-nav{
	position:relative;
	margin-top:0.3rem;
}

.breadcrumb li{ display:inline-block; }
.breadcrumb li:after{
	content:"/";
	color:#333;
	font-size:10px;
	margin-left:2px;
}
.breadcrumb li:last-child:after{ display:none; }

.breadcrumb-item{
	display:inline-block; vertical-align:middle;
	font-size:0.875rem; font-weight:600; line-height:1.5;
}
.breadcrumb-item,
.breadcrumb-item a{
	color:#333;
}
.breadcrumb-item a:hover{
	color:var(--color-accent);
}
.breadcrumb-item.active{
	color:var(--color-two);
}








/*------------------------------------------------------------------------------------------- */
/* ------ #secbox_page[in page] */
.secbox_page{
	position:relative;
	padding-bottom:3rem;
}
.secbox_page .secbox_inner{
	position:relative; z-index:2;
	min-height:900px;
}

.secbox_inner.secbox_pd{
    max-width: 1000px;
    margin-left: auto; margin-right: auto;
}

.secbox_page:before{
	position:absolute; z-index:1; top:20px; right:-100px; content:"";
	width:360px; height:360px;
	background:url(../images/web-03.png) no-repeat right top;
	background-size:cover;
	opacity:0.1;
}
.secbox_page:after{
	position:absolute; z-index:1; bottom:0; left:0; content:"";
	width:600px; height:260px; /*30:13*/
	background:url(../images/web-04.png) no-repeat right top;
	background-size:cover;
}
@media (min-width:992px){
	.secbox_page:before{
		right:-150px;
		width:800px; height:800px;
	}
	.secbox_page:after{
		width:1200px; height:520px; /*30:13*/
	}
}






/*------------------------------------------------------------------------------------------- */
/* ------ #heading_main：內頁大標[in page] */
.heading_main{
	margin: 0.5rem 0 2rem 0;
	text-align: center;
	padding-top:80px;
}
.heading_main .heading-text{
	position:relative;
	color: var(--color-one);
	font-size: 1.5rem;
}
.heading_main .heading-text:before{
	position:absolute; z-index:2; bottom:100%; left:50%; content:"";
	width:30px; height:30px;
	background:url(../images/web-02.png) no-repeat center;
	background-size:cover;
	transform:translate(-50%, 0);
}
.heading_main .heading-text:after{
	position:absolute; z-index:2; bottom:calc( 100% + 35px ); left:50%; content:"";
	width:1px; height:50px;
	background:var(--color-one);
	transform:translate(-50%, 0);
	opacity:0.8;
}
@media (min-width:992px){
	.heading_main{
		margin-bottom:4rem;
		padding-top:45px;
	}
	.heading_main .heading-text{
		font-size: 2.2rem;
	}
	.heading_main .heading-text:after{
		/*top:-70px;
		width:2px;*/ height:30px;
	}
}





/*------------------------------------------------------------------------------------------- */
/* ------ #heading_pageview：詳細頁大標[in page view] */
.heading_pageview{
	background:linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-moz-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-webkit-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-o-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-ms-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
	
	border-radius:30px;
	color: #fff;
	font-weight:600;
	padding: 12px 50px 12px 20px;
}

.heading_pageview .heading-text{
	display:block;
}





/*------------------------------------------------------------------------------------------- */
/*---- #sidebar 側邊攔 */
@media (min-width:992px){
	.sidebar-left{
		width:200px;
		margin-right:100px;
	}
	.sidebar-right{
		width:calc( 100% - 300px );
		padding-bottom:3rem;
	}
	.sidebar-right:before{
		position:absolute; top:0; left:-50px; content:"";
		width:1px; height:100%;
		
		background:linear-gradient(top,#26153A , transparent );
		background:-moz-linear-gradient(top,#26153A , transparent );
		background:-webkit-linear-gradient(top,#26153A , transparent );
		background:-o-linear-gradient(top,#26153A , transparent );
		background:-ms-linear-gradient(top,#26153A , transparent );
		
		opacity:0.2;
	}
}










/*------------------------------------------------------------------------------------------- */
/* ----- #mtree 頁面多層menu */
.menu_sidebar{
    display:none;
}
@media (min-width:992px){
	.menu_sidebar{ display:block; }
}
.menu_sidebar li{
	width:100%;
	margin-bottom:1rem;
}
.menu_sidebar li a{
	display:block;
	
    background:linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-moz-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-webkit-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-o-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
    background:-ms-linear-gradient(left , #885A89 50% , rgba(136,90,137,0.1) );
	
	border-radius:2px 0 0 2px;
	color: #fff;
	font-weight:600;
	padding: 6px 50px 6px 10px;
}


.menu_sidebar li a:hover{
	background:linear-gradient(left , #FFC033 50% , rgba(255,192,51,0.1) );
    background:-moz-linear-gradient(left , #FFC033 50% , rgba(255,192,51,0.1) );
    background:-webkit-linear-gradient(left , #FFC033 50% , rgba(255,192,51,0.1) );
    background:-o-linear-gradient(left , #FFC033 50% , rgba(255,192,51,0.1) );
    background:-ms-linear-gradient(left , #FFC033 50% , rgba(255,192,51,0.1) );

	color: #000;
}

.menu_sidebar li.active a{
	background:linear-gradient(left , #B33E50 50% , rgba(179,62,80,0.1) );
    background:-moz-linear-gradient(left , #B33E50 50% , rgba(179,62,80,0.1) );
    background:-webkit-linear-gradient(left , #B33E50 50% , rgba(179,62,80,0.1) );
    background:-o-linear-gradient(left , #B33E50 50% , rgba(179,62,80,0.1) );
    background:-ms-linear-gradient(left , #B33E50 50% , rgba(179,62,80,0.1) );
	
	color: #fff;
	cursor:default;
}









/*------------------------------------------------------------------------------------------- */
/* ----- #itembox_intro[in view]：詳細頁-編輯器 */
.itembox_intro{
	font-size:1.125rem;
}
.itembox_intro,
.itembox_intro a{
	color:#333;
}
.itembox_intro a:hover{
	color:var(--color-accent);
}

.sidebar .itembox_intro{
	margin-top:0;
}








/*------------------------------------------------------------------------------------------- */
/* ----- [in view]：詳細頁-相片集 */
.itembox_view_figure{
	margin:3rem 0 3rem 0;
}
.itembox_view_figure .row{
	justify-content:center;
}

.heading_figure{
	margin:1rem 0 2rem 0;
	color:rgba(var(--color-one-rgb), 0.6);
	text-align:center;
	overflow:hidden;
}
.heading_figure .heading-text{
	position:relative;
	font-size:1.1rem;
	letter-spacing:10px;
	text-transform:uppercase;
}
.heading_figure .heading-text:before, 
.heading_figure .heading-text:after{
	position:absolute; top:50%; content:"";
	width:1000px; height:1px;
	background:rgba(var(--color-one-rgb), 0.6);
}
.heading_figure .heading-text:before{ left:-1010px; }
.heading_figure .heading-text:after{ right:-1010px; }


/*縮圖項目*/
.card_figure{
	border-width:0;
	text-align:center;
}
.card_figure:hover{
	background:transparent;
}

.card_figure .card-photo{
	background:rgba(255,255,255,0.4);
	/*background:#fff;
	border:1px solid #eee;
	border-radius:5px;
	overflow:hidden;*/
	transition:box-shadow 0.1s ease;
}
/*.card_figure .card-photo .fitimg{
	-webkit-object-fit: cover;
	   -moz-object-fit: cover;
		    object-fit: cover;
}*/

.card_figure:hover .card-photo{
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
}
.card_figure .card-text{
	color:#666;
	font-size:0.875rem;
	margin-top:5px;
}










/*------------------------------------------------------------------------------------------- */
/*----- #page：頁碼 */
.page{
	font-size:0.875rem; font-weight:600;
	text-align:center;
	color:#666;
	margin-top:4rem;
}
.page br:nth-of-type(1){
	display:none;
}
.page a,
.page span{
	position:relative;
	display:inline-block;
	min-width:38px;
	border-radius:5px;
	border:2px solid rgba(var(--color-one-rgb),0.4);
	color:var(--color-one);
	font-size:14px;
	padding:0.35rem 0.5rem;
	text-align:center;
	margin:10px 2px;
}

.page span{
	background:var(--color-one);
	color:#fff;
}
.page a:hover{
	border-color:var(--color-accent);
	color:var(--color-accent);
}










/* ===== [in page ]：頁面提示說明 */
.itembox_pagenote{
	min-height:200px;
	color:#333;
	font-size:1.125rem; font-weight:600;
	text-align:center;
	margin:2rem 0;
}








/*------------------------------------------------------------------------------------------- */
/*----- #itembox_donate：捐款 */
.itembox_donate{
	position:relative; z-index:2;
	margin:3rem 0 1rem 0;
}
@media (min-width:992px){
	.itembox_donate .itembox_row{ align-items:center; } 
	.itembox_donate .itembox-left{ width:50%; }
	.itembox_donate .itembox-right{ width:50%; }
}