/**
Fixing bootstrap columns for safari
 */


/*banner fix*/
.bx-wrapper {
	border: none;
	box-shadow: none;
	margin-bottom: 0;
}
.bx-wrapper .bx-pager {
	padding-top: 0;
	bottom: 20px;
}
.bx-wrapper .bx-controls-direction a {
	width: 33px;
	height: 50px;
	margin-top: -25px;
	z-index:888 ;
	display: none;
}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
	background: url(../images/controls-next.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
	background: url(../images/controls-prev.png) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
}
.default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #6B1B1E;
}
.banner-slider-group img{
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}
.inner-banner-group  img{
	width: 100vw;
	height: 650px;
	object-fit: cover;
}

.inner-banner-group .bx-controls,.inner-banner-grou .bx-controls-direction{
	display: none;
}

@media screen and (max-width:1850px){
	.inner-banner-group  img{
		height: 35vw;
	}
	.inner-banner{
		height: 35vw;
	}
	
}

@media screen and (max-width:576px){
	.inner-banner-group  img{
		height: 100vw;
	}
	.inner-banner{
		height: 100vw;
	}
	
}





.bn-unit{
	position: relative;
	height: 100vh;
}

.bn-txt-block{
	position: absolute;
	z-index: 99999;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 2em;
	font-family: 'Noto Serif TC', serif;  
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.54);
}

.p-center{
	width: 100vw;
  	text-align: center;
}

.v-center{
	top: 40vh;
}

.p-top{
	top: 8vh;
}
.p-down{
	top: 60vh;
}
.p-left{
	left: 25vw;
}

.p-right{
	left: 60vw;
}

/*Chris 2022/12/29*/
.bn-txt-block{
    line-height: 1.5;
    letter-spacing: 2px;
}