<style>
	  *{
		box-sizing: border-box;
	   }
	   
	   .CarouselView {
		 position:relative;
		 /*width: calc(100vw);*/
	   }
	   
	   .CarouselView .wrapper {
		 display: -webkit-box;
		 /*overflow: hidden;*/
		 width:100%;
	   }

       .CarouselView .pc {
		 max-width: 380px;
	     margin: 0 auto;
       }
	   
	   .CarouselView .wrapper > .inner,
	   .CarouselView .wrapper > .innerBottom,
	   .CarouselView .wrapper > .innerDetail,
	   .CarouselView .wrapper > .innerDetailBottom,
	   .CarouselView .wrapper > .innerMiddle {
		 display: block;
		 -webkit-transition: all 1s ease-in-out;
		 transition: all 1s ease-in-out;
		 height: 120px;
		 width: 96%;
		 margin-left: 2vw;
	   }

       /*.CarouselView .wrapper > .pin {*/
		/* position: fixed;*/
		/* top: 50px;*/
		/* z-index: 149;*/
		/*}*/
       .CarouselView .wrapper .bannerImg {
		 height: 100%;
		 width: 100%;
		 object-fit: fill;
		}

	   .CarouselView .card {
		 display:inline-block;
	   }
	   
	   .CarouselView .card > a ,
	   .CarouselView .card > img {
		 display: block;
		 width: 100%;
		 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	   }
	   
	   .CarouselView .card > a > img{
		 width: 100%;
		 min-height: 120px;
	   }
	   
	   .CarouselView .indicator {
		 position:absolute;
		 display: flex;
		 justify-content: center;
		 width:100%;
		 bottom:0.5em;
		 left:0;
	   }
	   
	   .CarouselView .indicator > button {
		 all: unset;
		 background: #11406c;
		 cursor: pointer;
		 margin: 0 0.15em;
		 height: 0.2em;
		 width: 2em;
	   }
	   
	   .CarouselView .indicator > button.active {
		 background: #FFF;
		 box-shadow:0px 0px 2px #000;
	   }
</style>