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


.card{
	border-width:0;
	background:transparent;
}

/* ----base end-------------------------------------------*/










/* ---------------------------------------------------------------------------------------------------------- #card-flex */
/*===== #card-row */
.card-row{
	display:flex; flex-wrap:wrap;
}

.card-row > .card-left,
.card-row > .card-center,
.card-row > .card-right,
.card-row > .card-one,
.card-row > .card-two,
.card-row > .card-three{ width:100%; }

.card-row > .card-center,
.card-row > .card-right{
	margin-top:1rem;
}
@media (min-width:992px){
	.card-row > .card-center,
	.card-row > .card-right{
		margin-top:0.5rem;
	}
}
/* ----base end-------------------------------------------*/













/* ---------------------------------------------------------------------------------------------------------- #card-photo */
/*===== #card-photo */
.card-photo,
.card-video{
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:rgba(0, 0, 0, 0.125);
	margin-bottom:0.5rem;
}
.card-photo .thumb{
	background-size:cover;
}

/*詳細頁-縮圖-鼠標*/
.fancybox-zoom{
	cursor:zoom-in;
}
/* ----base end-------------------------------------------*/


.card-link .card-photo .thumb{
	background-size:contain;
}

/* 圖片高-壓縮 */
.card-profile .thumb, 
.card-temple .thumb, 
.card-activity .thumb, 
.card-albums .thumb, 
.card-news .thumb,
.card-news-article .thumb{
	padding-bottom:75%;
}


/* 圖片圓角或陰影之設定 */
.card-news .card-photo,
.card-news-article .card-photo,
.card-activity .card-photo,
.card-link .card-photo,
.card-figure .card-photo{
	border-radius:7px;
    border:1px solid #fff;
    overflow:hidden;
}
.card-news .card-photo,
.card-link .card-photo{
    box-shadow:1px 2px 3px 0 rgb(0,0,0,0.2);
}


/* effect-card-photo-light */
.card-temple .card-photo,
.card-news .card-photo,
.card-news-article .card-photo,
.card-figure .card-photo{
	transition:opacity 0.3s ease-in-out;
}
.card-temple:hover .card-photo,
.card-news:hover .card-photo,
.card-news-article:hover .card-photo,
.card-figure:hover .card-photo{
	opacity:0.8;
}









/* ---------------------------------------------------------------------------------------------------------- #card-body */
/*===== #card-body */
.card-header,
.card-body,
.card-footer{
	/*padding:15px;*/
}
/* ----base end-------------------------------------------*/











/* ---------------------------------------------------------------------------------------------------------- #card-name */
/*===== #card-name */
.card-name{
	font-size:1rem; font-weight:600;
	line-height:1.4;
	margin-bottom:0.5rem;
}
.card-name , .card-name a{
	color:var(--secondary-color);
}
.card:hover .card-name a{
	color:var(--accent-color);
}
/* ----base end-------------------------------------------*/


.card-link .card-name{
	font-size:0.875rem;
}










/* ---------------------------------------------------------------------------------------------------------- #card-text */
/*===== #card-text */
.card-text{
	font-size:0.875rem; line-height:1.6;
	color:rgba(0,0,0,0.8);
	margin-top:0.5rem;
}
.card-text:last-child{
	margin-bottom:0;
}

.card-text img{
	display:none; /*在列表裡的說明文字，若有圖片則隱藏*/
}
/* ----base end-------------------------------------------*/











/* ---------------------------------------------------------------------------------------------------------- #card-info */
/*===== #card-info */
.card-infolist{}

.card-info{
    position:relative;
    display:flex; flex-wrap:wrap;
	align-items:center; /*-----預設置中排列(上下)*/
    font-size:0.875rem; /*font-weight:600;*/ line-height:1;
	padding:0;
    margin-top:5px;
}

.card-infolist li{
	margin-top:3px;
}
.card-infolist li .card-info{
	margin-top:0;
}


.card-info , .card-info a{
	color:rgba(0,0,0,0.7);
}
.card-info a:hover{
	color:var(--accent-color);
}

.card-info .iconsvg,
.card-info .info-icon,
.card-info .info-title,
.card-info .info-text{
    display:block;
    line-height:1.4;
	margin:0 3px;
}

.card-info .iconsvg{
    /*display:none; -----預設card-info 裡的 iconsvg 先隱藏*/
    width:16px; height:16px;
	margin-top:2px; margin-bottom:2px;
}
.card-info .iconsvg:before{ 
    background-color:#777;
}

.card-info .info-icon{
    width:20px; height:20px;
}
.card-info .info-icon img{
	display:block; max-width:100%; height:auto;
}

.card-info .info-text{
	word-break:break-all;
	word-wrap:break-word;
	
	flex:1 1 auto;
    width:1%; min-width:0;
}
/*----- base end -----*/




/*地區、公司 地區*/
.card-info.cate,
.card-info.location,
.card-info.company,
.card-info.address{
	font-size:0.75rem;
	color:#666;
	text-align:right;
	margin-top:10px;
}
.card-info.cate .iconsvg,
.card-info.location .iconsvg,
.card-info.company .iconsvg,
.card-info.address .iconsvg{
	display:none;
}



.card-temple .card-info,
.card-profile .card-info{
	text-align:left;	
}
.card-temple .card-info .iconsvg,
.card-profile .card-info .iconsvg{
	display:block;	
}















/* ---------------------------------------------------------------------------------------------------------- #card-文字限行 */
/*===== #card-文字限行 */
.card-people .card-text ,
.card-news .card-name,
.card-news-article .card-text,
.card-albums .card-name,
.card-temple .card-text,
.card-article .card-name,
.card-article .card-text,
.card-activity .card-text{
	display:-webkit-box;
	text-overflow:ellipsis;
	overflow:hidden;
	
	-webkit-box-orient:vertical;
	white-space:normal;
}

.card-people .card-text ,
.card-news .card-name,
.card-albums .card-name,
.card-temple .card-text,
.card-article .card-name,
.card-activity .card-text{
	-webkit-line-clamp:2;
}

.card-news-article .card-text,
.card-article .card-text{
	-webkit-line-clamp:3;
}





















/*------------------------------------------------------------------------------------------- #[10-1]card effect */
/*---- #[10-1]card effect */

/*詳細頁-縮圖*/
.card-figure{
	border-width:0;
}
.card-figure:hover{
	background:transparent;
}

.card-figure .card-photo{
	border-color:#ccc;
}
.card-figure:hover .card-photo{
	border-color:var(--primary-color);
}

.card-figure .card-text{
	color:#666;
	font-size:0.875rem;
	text-align:center;
	margin-top:5px;
}















/*------------------------------------------------------------------------------------------- #[10-2]effect-btm-texture */
/*---- #[10-2]effect-btm-texture */

.effect-btm-texture .card{
	background:#fff;
	border-width:0;
	border-radius:7px;
	box-shadow:1px 2px 4px 0 rgb(0,0,0,0.1);
	overflow:hidden;
	padding-bottom:16px;
	margin-bottom:15px;
}
.effect-btm-texture .card:before{
	position:absolute; bottom:0; left:0; content:"";
	width:100%; height:15px;
	background:url(../images/web-04.png) repeat-x center;
	background-size:auto 100%;
	opacity:0.4;
}
.effect-btm-texture .card .card-header,
.effect-btm-texture .card .card-body,
.effect-btm-texture .card .card-footer{
	padding:0.5rem 0.7rem;
	/*margin-bottom:0.7rem;*/
}

.effect-btm-texture .card .card-photo{
	margin-bottom:0;
}















/*------------------------------------------------------------------------------------------- #[10-3]effect-fadeup */
/*---- #[10-3]effect-fadeup */

.effect-fadeup .card{
	background:#fff;
	border-width:0;
	border-radius:7px;
	box-shadow:1px 2px 4px 0 rgb(0,0,0,0.1);
	overflow:hidden;
    transition:transform 0.3s ease-in-out;
}

.effect-fadeup .card .card-header,
.effect-fadeup .card .card-body,
.effect-fadeup .card .card-footer{
	padding:0.5rem;
}

.effect-fadeup .card .card-photo{
	overflow:hidden;
}
.effect-fadeup .card .card-photo .item-thumb{
	transition:transform 0.3s ease-in-out;
}
.effect-fadeup .card:hover{
    transform:translateY(-5px);
}
.effect-fadeup .card:hover .card-photo .item-thumb{
	transform:scale(1.05);
}




































/* ###################################### 
	#
	# module
	#
###################################### */














/* ---------------------------------------------------------------------------------------------------------- #card-temple */
/*===== #card-temple */

.card-temple-light{
	text-align:center;
}
.card-temple-light .card-name{
	margin-top:0.5rem;
	margin-bottom:0.3rem;
}
.card-temple-light .price-item{
	border-top:2px dashed #ccc;
	text-align:center;
	padding-top:0.8rem;
	margin-top:1rem;
}
.card-temple-light .card-info .iconsvg{
	display:none;
}













/* ---------------------------------------------------------------------------------------------------------- #card-activity */
/*===== #card-activity */
.card.card-activity{
	padding:1rem 1rem 2rem 1rem;
}
.card.card-activity .card-body{
	padding:0;
	margin:0;
}

@media (min-width:576px){
	
    .card.card-activity .card-left{
		width:30%;
	}
    
    .card.card-activity .card-right{
		width:70%;
		padding-left:2rem;
		margin-top:0;
	}
}

.card-activity .card-info.status{
	position:relative;
	display:inline-block;
	font-size:1rem; font-weight:600;
	color:#333;
	margin-bottom:0.5rem;
}
.card-activity .card-info.status .info-icon,
.card-activity .card-info.status .info-text{
	display:inline-block; vertical-align:middle;
	line-height:1;
	margin:0;
}

.card-activity .card-info.status .info-icon{
    width:18px; height:18px;
}
.card-activity .card-info.status .info-text{
	width:auto;
	flex:none;
}



.card-info.event{
    display:flex; flex-wrap:wrap;
	align-items:flex-start;
	
	color:#333;
    font-size:0.75rem; letter-spacing:0;
}
.card-info.event .info-title,
.card-info.event .info-text{
    display:block;
	padding:2px;
}
.card-info.event .info-title{
    width:95px;
	border:1px solid #999;
	border-radius:10px;
	text-align:center;
    margin-right:5px;
	padding:2px 12px;
	
	/*文字左右對齊*/
	text-align:justify;
	text-align-last:justify;
	text-justify:inter-word;
}
.card-info.event .info-text{
	flex:1 1 auto;
	width:1%;
}












/* ---------------------------------------------------------------------------------------------------------- #card-news */
/*===== #card-news */
/*.card.card-news .card-name{
	margin-bottom:5px;
}*/


.card.card-news-article{
	padding:1rem 1rem 2rem 1rem;
}
.card.card-news-article .card-body{
	padding:0;
	margin:0;
}
@media (min-width:576px){

    .card-news-article .card-left{
		width:30%;
	}
    .card-news-article .card-right{
		width:70%;
		padding-left:2rem;
		margin-top:0;
	}
}

@media (min-width:1600px){

    .card-news-article .card-left{
		width:20%;
	}
    .card-news-article .card-right{
		width:80%;
	}
    
}







/*in temple_view_map */
.mapnews-map{
	margin-bottom:3rem;
	text-align:center;
}
.mapnews-map-inner{
	display:inline-block;
}


.card-mapnews{
	box-shadow:none;
	border-radius:0;
	margin-bottom:1rem;
	border-bottom:1px solid #ccc;
}
.card-mapnews:before{
	display:none;
}

.card-mapnews .card-row{
	align-items:center;
}
.card-mapnews .card-left{
	width:60px;
}
.card-mapnews .card-center{
	flex:1 1 auto;
	width:1%; min-width:0;
	
	margin:0 1rem;
}
.card-mapnews .card-right{
	width:70px;
}

.card-mapnews .card-photo{
	border-width:1px;
}

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

.card-mapnews .card-info.date{
	text-align:left;
	margin:0;
	padding:0;
}


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

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

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


















/* ---------------------------------------------------------------------------------------------------------- #card-people */
/*===== #card-people */
.card-people .card-header{
	background-color:#f5f5f5;
    border-color:#dddddd;
}
.card-people .card-text{
	margin-bottom:0.5rem;
}
.card-people .card-info.cate{
	margin-top:0;
}
.card-people .card-name{
	margin:0.7rem 0;
}
.card-people .card-infolist{
	border-top:1px dashed #ccc;
	margin-top:0.5rem;
	padding-top:0.5rem;
}











/* ---------------------------------------------------------------------------------------------------------- #card-albums */
/*===== #card-albums */











/* ---------------------------------------------------------------------------------------------------------- #card-link */
/*===== #card-link */
.card-link .card-photo a{ position:relative; }

.card-link .card-photo a:before{
    position:absolute; z-index:1; top:-100px; right:-100px; content:"";
    width:72px; height:72px;
    background:var(--primary-color);
    
    transform:rotate(45deg);
}
.card-link .card-photo a:after{
    position:absolute; z-index:2; top:-20px; right:-20px; content:"GO";
    color:#fff;
    font-size:12px; font-weight:600;
    text-align:center; 
}

.card-link .card-photo a:before, 
.card-link .card-photo a:after{
    transition:top 0.3s ease-in-out , right 0.3s ease-in-out;
}

.card-link:hover .card-photo a:before{ top:-36px; right:-36px; }
.card-link:hover .card-photo a:after{ top:5px; right:5px; }

.card-link .card-name{
	text-align:center;
	margin-top:5px;
}

.card-link .card-name ,
.card-link .card-name a{ color:#666; }















/* ---------------------------------------------------------------------------------------------------------- #card-godul */
/*===== #card-profile */
.card-profile{
}
@media (min-width:576px){
	.card-profile .card-row{
		align-items:center;
	}
	.card-profile .card-left{
		width:40%;
	}
	.card-profile .card-right{
		width:60%;
		padding:0 1rem;
		margin-top:0;
	}	
}
@media (min-width:992px){
	.card-profile .card-row{
		align-items:flex-start;
	}
	.card-profile .card-left{
		width:100%;
	}
	.card-profile .card-right{
		width:100%;
		padding:0;
		margin-top:0.5rem;
	}	
}

.card-profile .card-infolist li{
	margin:10px 0;
}















/* ---------------------------------------------------------------------------------------------------------- #card-godul */
/*===== #card-god */
.card-god{
}
@media (min-width:576px){
	.card-god .card-row{
		align-items:center;
	}
	.card-god .card-left{
		width:20%;
	}
	.card-god .card-right{
		width:80%;
		padding:0 1rem;
		margin-top:0;
	}	
}







/* ---------------------------------------------------------------------------------------------------------- #card-godul */
/*===== #card-godul */
.card-godul{
}

.card-godul .card-name .card-name-text{
	display:inline-block;
	background:var(--secondary-color);
	border-radius:3px;
	color:#fff;
	padding:0.2rem 0.5rem; 
}

.card-godul .card-infolist{
	display:flex; flex-wrap:wrap;
	padding-left:2rem;
}
.card-godul .card-infolist li{
	position:relative;
	padding-right:20px;
}
.card-godul .card-infolist li:after{
	position:absolute; top:3px; right:0; content:"、";
	font-size:0.875rem; font-weight:600;
	color:#333;
}
.card-godul .card-infolist li:last-child{
	padding-right:0;
}
.card-godul .card-infolist li:last-child:after{
	display:none;
}


.card-godul .card-info{
	font-size:1rem; font-weight:600;
}

.card-godul .card-info,
.card-godul .card-info a{
	color:#000;
}
.card-godul .card-info a:hover{
	color:var(--accent-color);
}














/*------------------------------------------------------------------------------------------- #card-article 文章分享 */
/*---- #card-article 文章分享 */
.card.card-article{
}
.card.card-article .card-body{
	padding:1rem 1rem 1rem 50px;
	margin:0;
}
.card.card-article .card-name{
	position:static;
}
.card.card-article .card-name a:before{
	position:absolute; z-index:2; top:0; left:0; content:"";
	width:100%; height:100%;
	background:transparent;
}
.card.card-article .card-info.serial{
	display:block;
	position:absolute; z-index:1; top:0; left:0;
	width:30px; height:30px;
	color:var(--secondary-color);
	font-size:0.875rem; font-weight:600; line-height:30px;
	font-family:'Brush Script MT', cursive;
	padding:0;
	margin:0;
	text-align:center;
	
}
.card.card-article .card-info.serial:before{
	position:absolute; z-index:-1; top:-43px; left:-43px; content:"";
	width:80px; height:80px;
	background:#fff;
	box-shadow:2px -2px 4px 0 rgb(0 0 0 / 20%);
	transform:rotate(45deg);
}















/*------------------------------------------------------------------------------------------- #join */
/*---- #join */
.join-photo{
	/*max-width:1000px;*/
	border-radius:10px;
	margin:0 auto 2rem auto;
	overflow:hidden;
}
.join-photo img{
	display:block; max-width:100%; height:auto;
}














/*------------------------------------------------------------------------------------------- #card-light 點燈 */
/*---- #card-light 點燈 */
.card-light{
	background:#fff;
	border:4px solid #fff;
	box-shadow:1px 2px 4px 0 rgb(0,0,0,0.1);
	text-align:center;
	padding-bottom:1.2rem;
	overflow:hidden;
	
	outline:2px solid #F0B97A;
    outline-offset:-12px;
	
	transition:transform 0.3s ease-in-out;
}
.card-light:hover{
	background:var(--primary-color);
	box-shadow:1px 2px 4px 0 rgb(0,0,0,0.4);
    transform:translateY(-10px);
}


.card-light .card-name{
	position:static;
	font-size:1.3rem;
	padding:50px 1rem 0 1rem;
}
.card-light .card-name a:before{
	position:absolute; z-index:2; top:0; left:0; content:"";
	width:100%; height:100%;
	background:transparent;
}


.card-light .card-name-text{
	display:inline-block;
	border-bottom:1px dashed var(--primary-color);
}
.card-light .card-name-text:after{
	position:absolute; z-index:3; top:22px; left:50%; content:"";
	width:26px; height:26px;
	margin-left:-13px;
    background-color:var(--primary-color);

	-webkit-mask-image:url(../images/icon/icon-light.svg);
    mask-image:url(../images/icon/icon-light.svg);
	
    -webkit-mask-position:center;
    mask-position:center;
    
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    
    -webkit-mask-size:100% 100%;
    mask-size:100% 100%;
	
	opacity:0.3;
	transition:transform 0.3s ease-in-out;
}
.card-light:hover .card-name-text{
	border-bottom-color:#fff;
}
.card-light:hover .card-name-text:after{
	background-color:#fff;
	opacity:1;
	transform:scale(1.4);
}


.card-light .card-name,
.card-light .card-name a{
	color:var(--primary-color);
}

.card-light .card-text{
	font-size:1rem; font-weight:600;
	padding:0.5rem 1rem;
}

.card-light .card-name a:hover,
.card-light:hover .card-name a,
.card-light:hover .card-text{
	color:#fff;
}


.card-light .btnbar{
	display:block;
	margin:0;
}
.card-light .card-btn{
	color:var(--secondary-color);
}
.card-light .card-btn .iconsvg{
	width:30px; height:30px;
}
.card-light .card-btn .iconsvg:before{
	background-color:var(--secondary-color);
}
.card-light .card-btn:hover{
	background:transparent;
	color:var(--accent-color);
}
.card-light .card-btn:hover .iconsvg:before{
	background-color:var(--accent-color);
}







/*------------------------------------------------------------------------------------------- */
/*---- #card_light_cart：點燈購物 */
.cardwrap_light_cart{
	max-width:800px;
	margin:4rem auto;
}

.card_light_cart{
}

.card_light_cart .card-photo{
	border-width:0;
}


.card_light_cart .card-name{
	position:absolute; z-index:3; top:0px; left:40px;
	letter-spacing:5px;
	
	/*文字 直式顯示*/
	-ms-writing-mode: table-rl;
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.card_light_cart .card-name a,
.card_light_cart .card-name a:hover,
.card_light_cart:hover .card-name a{
	color:#fff;
}


.card_light_cart .card-name-text{
	position:relative;
	display:block;
	padding: 33px 0 50px 0;
}

.card_light_cart .name-dec-center{
	display:block;
	/*min-width:80px;*/
	font-size:1.8rem;
	font-weight:bold;
	
	background:url(../images/product-name-02.png) repeat-y center;
	background-size:100% auto;
	
	padding:10px 16px;
	text-align:center;
}
.card_light_cart .name-dec-top{
	position:absolute; z-index:2; top:0; left:0;
	display:block;
	width:100%; height:35px;
	background:url(../images/product-name-01.png) no-repeat center bottom;
	background-size:100% auto;
}

.card_light_cart .name-dec-btm{
	position:absolute; z-index:2; bottom:0; left:0;
	display:block;
	width:100%; height:50px;
	background:url(../images/product-name-03.png) no-repeat center top;
	background-size:100% auto;
}

.card_light_cart:hover .name-dec-center{
	background-image:url(../images/product-name-hover-02.png);
}
.card_light_cart:hover .name-dec-top{
	background-image:url(../images/product-name-hover-01.png);
}
.card_light_cart:hover .name-dec-btm{
	background-image:url(../images/product-name-hover-03.png);
} 


@media (min-width:992px){
	.card_light_cart .card-name{
		top:0; left:0px;
	}
	.card_light_cart .name-dec-center{
		font-size:1.6rem;
	}
}












/*------------------------------------------------------------------------------------------- #填表諮詢(in 點燈 ) */
/*---- #填表諮詢(in 點燈 ) */


/*點燈區域*/
.lightup-area{
	max-width:1000px;
	margin:0 auto 4rem auto;
}

/*點燈區域-標題*/
.heading-lightup{
	margin-bottom:30px;
	color:#333;
	font-size:1.2rem; font-weight:600;
	text-align:center;
}
.heading-lightup .mark{
	color:#9D1C1F;
}
.heading-lightup .require-plain{
	vertical-align:text-bottom;
	font-size:0.875rem;
	color:red;
}




.lightup-list{
	margin-bottom:4rem;
}
.lightup-list > li{
	margin-bottom:2rem;
}
.lightup-list > li:last-child{
	margin-bottom:0;
}

/*點燈-區塊*/
.lightup-box{
	background:#FAF3E4;
	border:3px solid var(--fourth-color);
	padding:1rem;
	/*margin:2rem 0;*/
}
@media (min-width:992px){
	.lightup-box{
		padding:2rem;
	}
}

.lightup-row{
	position:relative;
	
	display:flex;
	flex-wrap:wrap;
}
.lightup-left,
.lightup-right{
	width:100%;
}
.lightup-right{
	margin-top:1rem;
}
@media (min-width:992px){
	.lightup-left{
		width:70%;
		padding-right:2rem;
	}
	.lightup-right{
		width:30%;
		margin-top:0;
	}
}





/*點燈-填表*/
.light-form{}

.light-form li{
	width:100%;
	margin-bottom:2rem;
}
@media (min-width:992px){
	.light-form li{
		margin-bottom:1.2rem;
	}
}



/*填寫欄位列-標題*/
.light-form .form-label{
	width:100%;
}

/*填寫欄位列-單選/多選*/
.light-form .form-check{ margin-right:1.4rem; }
.light-form .form-check-label .small{
	display:inline-block;
	font-size:0.875rem; font-weight:600;
	margin-left:5px;
}

/*填寫欄位列-說明文字*/
.input-group-note{
	width:100%;
	color:#333;
	margin-top:0.6rem;
}
.input-group-note.mark{
	color:#9D1C1F;
}
	
@media (min-width:992px){
	.light-form .form-label{
		position:relative;
		display:block;
		width:170px;
		padding-top:4px;
		padding-right:10px;
		margin-right:10px;
	}
	.light-form .form-label:after{
		position:absolute; top:5px; right:0; content:"：";
		color:#333;
	}
	.input-group-note{
		padding-left:180px;
	}
}

.light-form .form-require,
.light-form .form-title{
	display:inline-block; vertical-align:middle;
}

.light-form .form-require{
	width:5px;
	color:red;
	margin-right:3px;
}

.light-form .form-title{
	width:130px;
	font-weight:600;
	color:#000;
}

.light-form .form-check{
	padding-top:6px;
}

.light-form .input-group-text{
	color:#333;
	font-weight:600;
}
@media (min-width:992px){
	.light-form .form-title{	
		/*文字左右對齊*/
		text-align:justify;
		text-align-last:justify;
		text-justify:inter-word;
	}
}



/*點燈-農曆生辰*/
.light-form .input-group.birth .input-group-text{
	padding-left:0.1rem; padding-right:0.1rem;
}
.light-form .input-group .input-group-item{
	display:flex;
	flex-wrap:wrap;
		
	width:100%;
	margin-top:0.5rem;
}
.input-group-item > .form-control,
.input-group-item > .form-select{
	position:relative;
	flex:1 1 auto;
	width:1%;
	min-width:0;
}

@media (min-width:992px){
	.light-form .input-group .input-group-item{
		flex:1 1 auto;
		width:1%;
		min-width:0;
		
		margin-top:0;
	}
	.light-form .input-group.birth .input-group-item.date{
		flex:2 1 auto;
		padding-right:50px;
	}

}



/*確認送出*/
.btnbar.form-submit{
	text-align:center;
}
.btn-form-sumit{
	background:var(--primary-color);
	border:1px solid var(--primary-color);
	border-radius:20px;
	color:#fff;
	font-size:1.1rem;
	padding:0.7rem 3rem;
}
.btn-form-sumit:hover{
	background:#eea236;
	border-color:#eea236;
	color:#fff;
}





/*資料確認*/
.light-check-info,
.light-price-info{
	margin-top:-12px;
}
.light-check-info > li,
.light-price-info > li{
	margin-top:12px;
}
.light-check-info > li.w-100,
.light-price-info > li.w-100{
	width:100%;
}

.light-check-info .info-item,
.light-price-info .info-item{
	display:flex; flex-wrap:wrap;
}


/*點燈資料*/
.light-check-info .info-title{
	position:relative;
	display:block;
	width:100%;
	color:var(--secondary-color);
	font-weight:600;
}
.light-check-info .info-text{
	padding-left:1rem;
}
@media (min-width:992px){
	.light-check-info .info-title{
		width:150px;
		padding-right:20px;
		
		/*文字左右對齊*/
		text-align:justify;
		text-align-last:justify;
		text-justify:inter-word;
	}
	.light-check-info .info-text{
		width:calc( 100% - 150px);
	}
	.light-check-info .info-title:after{
		position:absolute; top:0; right:0; content:"：";
		color:#333;
	}
	.light-check-info .info-text{
		padding-left:10px;
	}
}


/*燈別費用*/
.light-price-box{
	background:#fff;
	border:1px solid var(--fourth-color);
}
.light-price-box .box-body{
	padding:1rem;
}

.light-price-info .info-title{
	width:60%;
}
.light-price-info .info-text{
	width:40%;
	text-align:right;
}

.subtotal{
	background:rgba(244,211,162,0.5);
	font-size:1rem; font-weight:600;
	color:#000;
	padding:10px 1rem;
	margin-top:5px;
}



.light-total{
	font-size:1rem; font-weight:600;
	text-align:right;
}
.light-total .mark{
	font-size:1.4rem;
	color:var(--primary-color);
}