/**  top_Branding_Slider
===================================*/
.bx-wrapper {
    overflow: hidden;
	margin: 0 auto;
}

.bx-wrapper .bx-viewport {
	box-shadow: 0 0 0px;
	border:  0px;
	left: 0px;
	min-height: 70%;
	min-height: 70vh;
}
@media screen and (max-width: 579px){
	.bx-wrapper .bx-viewport{
		min-height: 55%;
		min-height: 55vh;
	}
}
@media screen and (max-width: 399px){
	.bx-wrapper .bx-viewport{
		min-height: 45%;
		min-height: 45vh;
	}
}

/*bx-controls*/
.bx-wrapper .bx-controls{
	display: flex;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	width: 965px;
}
@media screen and (max-width: 994px){
	.bx-wrapper .bx-controls{
		width: 100%;
	}
}
/*controller pager*/
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
	bottom: 10px;
    box-sizing: border-box;
    padding: 10px 10px 0 0;
    text-align: right;
    width: 933px;
    left: 0;
    z-index: 1;
}
@media screen and (max-width: 994px){
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
		width: auto;
		right: 45px;
	}
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background-color: #fff;
    border-radius: 0;
    height: 5px;
    transition: all 300ms 0s ease;
    width: 60px;
    margin: 0 10px 0 0;
    color: transparent;
}

@media screen and (max-width: 579px){
	.bx-wrapper .bx-pager.bx-default-pager a{
		width: 25px;
	}
}
@media screen and (max-width: 399px){
	.bx-wrapper .bx-pager.bx-default-pager a{
		width: 22px;
	}
}

.bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #E60027;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover{
    background-color: #7f7f7f;
}
.bx-wrapper .bx-pager.bx-default-pager a:focus{
	border: 1px solid #E60027;
}
/*controller stop/start*/
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
	bottom: 17px;
    box-sizing: border-box;
    padding: 0;
    text-align: right;
    width: 32px;
    right: 0;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item a{
	 transition: all 300ms 0s ease;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item a:focus{
	border: 1.5px solid #737373;
}
@media screen and (max-width: 994px){
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
		right: 15px;
	}
}
.bx-wrapper .bx-controls-auto .bx-start {
	background-color:  rgba(185,185,185,0.7);
   	background-image: url("../../../hst_images/jp/r1/top/slider_play.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	width: 32px;
	height: 25px;
	text-align: right;
    color: transparent;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	background-color:  rgba(185,185,185,0.7);
    background-image: url("../../../hst_images/jp/r1/top/slider_stop.svg");
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	width: 32px;
	height: 25px;
	text-align: right;
    color: transparent;
}

.bx-wrapper .bx-controls-auto .bx-start:hover {
    background: url("../../../hst_images/jp/r1/top/slider_play.svg") 50% 50% no-repeat rgba(127,127,127,0.8);
}
.bx-wrapper .bx-controls-auto .bx-stop:hover {
   background: url("../../../hst_images/jp/r1/top/slider_stop.svg") 50% 50% no-repeat rgba(127,127,127,0.8);
}



