/**


 * mod_jp_articles_slider


 * document css


 */


* {


  -webkit-box-sizing: border-box;


     -moz-box-sizing: border-box;


          box-sizing: border-box;


}


*:before,


*:after {


  -webkit-box-sizing: border-box;


     -moz-box-sizing: border-box;


          box-sizing: border-box;


}


.jp-articles-slider{


	


}


.jp-articles-slider .slide{


	position: relative;


	overflow: hidden;


}


.jp-articles-slider .slide .item{


  margin-right: auto;


  margin-left: auto;


}


.jp-articles-slider .slide .item >.row{

 /* margin-right: -8px;

  margin-left: -8px;*/
	margin-right:0px;
	margin-left:0px;/**首頁福智心故事：與左右鍵的距離**/

}


.jp-articles-slider .slide .item >.row >div{


	margin-bottom: 15px;


  padding-left: 8px;


  padding-right: 8px;


}


.jp-articles-slider .slide .item .item-image{


	margin-bottom: 0;


}


.jp-articles-slider .slide .item .item-content{


	margin-bottom: 0;


}


@media only screen and (max-width: 768px){


	.jp-articles-slider .slide .item >.row >div{


		margin-bottom: 30px;


	}


}





.jp-articles-slider .carousel-control.left,


.jp-articles-slider .carousel-control.right{


	background-image: none;


	width: auto;


}





.jp-articles-slider .carousel-control span{


	background-color: #333;


  color: #fff;


  font-size: 18px;


  text-align: center;


  width: 36px;


  height: 36px;


  line-height: 36px;


  -webkit-border-radius: 100%;


  -moz-border-radius: 100%;


  border-radius: 100%;


  -webkit-transition: all 0.3s ease-in-out 0s;


  -o-transition: all 0.3s ease-in-out 0s;


  transition: all 0.3s ease-in-out 0s;


  transform: translateY(-50%);


  -webkit-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  -o-transform: translateY(-50%);


  -moz-transform: translateY(-50%);


}


.jp-articles-slider .carousel-control.left span{


/**	left: -100px; 為了讓左鍵頭一直存在**/
left:15px;

}


.jp-articles-slider .carousel-control.right span{


/**	right: -100px; 為了讓右鍵頭一直存在**/
right:15px;

}


.jp-articles-slider .slide:hover .carousel-control.left span{


	left: 50px;


}


.jp-articles-slider .slide:hover .carousel-control.right span{


	right: 50px;


}


.jp-articles-slider .jp-slider-vertical .carousel-control span{


	top: 50px;


}


.jp-articles-slider .carousel-indicators{


	margin-bottom: 0;


	-webkit-transition: all 0.3s ease-in-out 0s;


  -o-transition: all 0.3s ease-in-out 0s;


  transition: all 0.3s ease-in-out 0s;


  transform: translateX(-50%);


  -webkit-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  -o-transform: translateY(-50%);


  -moz-transform: translateY(-50%);


}


.jp-articles-slider .carousel-indicators.bottom{


/**	bottom: -50px; 為了讓底下的點點一直存在**/
	bottom:-20px;

}


.jp-articles-slider .carousel-indicators.top{


	bottom: auto;


	top: -50px;


}


.jp-articles-slider .slide:hover .carousel-indicators.bottom{


	bottom: 0;


}


.jp-articles-slider .slide:hover .carousel-indicators.top{


	top: 20px;


}


.jp-articles-slider .carousel-indicators li{


	background-color: #999;


	border-color: #ddd;


}


.jp-articles-slider .carousel-indicators li.active{


	background-color: #000;


	border-color: #999;


}


.jp-articles-slider .item .item-info{


	color: #888;


	font-size: 11px;


	margin: 15px 0;


}


.jp-articles-slider .item .item-info .glyphicon{


  font-size: 12px;


}


.jp-articles-slider .item .item-info >span{


	display: inline;


}


.jp-articles-slider .item .item-info >span.glyphicon{


	margin-right: 2px;


}


.jp-articles-slider .item .item-info >span.writtenby,


.jp-articles-slider .item .item-info >span.category,


.jp-articles-slider .item .item-info >span.date{


	margin-right: 5px;


}


.jp-articles-slider .item .readmore .glyphicon{


  margin-right: 5px;


}





/**


 * Fade


 */


.jp-articles-slider .carousel-fade .carousel-inner .item {


  opacity: 0;


  -webkit-transition-property: opacity;


  -moz-transition-property: opacity;


  -o-transition-property: opacity;


  transition-property: opacity;


}


.jp-articles-slider .carousel-fade .carousel-inner .active {


  opacity: 1;


}


.jp-articles-slider .carousel-fade .carousel-inner .active.left,


.jp-articles-slider .carousel-fade .carousel-inner .active.right {


  left: 0;


  opacity: 0;


  z-index: 1;


}


.jp-articles-slider .carousel-fade .carousel-inner .next.left,


.jp-articles-slider .carousel-fade .carousel-inner .prev.right {


  opacity: 1;


}


.jp-articles-slider .carousel-fade .carousel-control {


  z-index: 2;


}





/**


 * Responsive style


 */


@font-face {


  font-family: 'Glyphicons Halflings';





  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot');


  src: url('../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');


}


.glyphicon {


  position: relative;


  top: 1px;


  display: inline-block;


  font-family: 'Glyphicons Halflings';


  font-style: normal;


  font-weight: normal;


  line-height: 1;





  -webkit-font-smoothing: antialiased;


  -moz-osx-font-smoothing: grayscale;


}


.glyphicon-user:before {


  content: "\e008";


}


.glyphicon-list-alt:before {


  content: "\e032";


}


.glyphicon-calendar:before {


  content: "\e109";


}


.glyphicon-chevron-left:before {


  content: "\e079";


}


.glyphicon-chevron-right:before {


  content: "\e080";


}


.glyphicon-eye-open:before {


  content: "\e105";


}


.glyphicon-heart-empty:before {


  content: "\e143";


}


.glyphicon-heart:before {


  content: "\e005";


}


.glyphicon-link:before {


  content: "\e144";


}


/*


.container {


  padding-right: 15px;


  padding-left: 15px;


  margin-right: auto;


  margin-left: auto;


}


@media (min-width: 768px) {


  .container {


    width: 750px;


  }


}


@media (min-width: 992px) {


  .container {


    width: 970px;


  }


}


@media (min-width: 1200px) {


  .container {


    width: 1170px;


  }


}


.container-fluid {


  padding-right: 15px;


  padding-left: 15px;


  margin-right: auto;


  margin-left: auto;


}


*/


.container:before,


.container:after,


.row:before,


.row:after{


  display: table;


  content: " ";


}


.container:after{


  clear: both;


}


.row {


  margin-right: -15px;


  margin-left: -15px;


}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {


  position: relative;


  min-height: 1px;


  padding-right: 15px;


  padding-left: 15px;


}


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {


  float: left;


}


.col-xs-12 {


  width: 100%;


}


.col-xs-11 {


  width: 91.66666667%;


}


.col-xs-10 {


  width: 83.33333333%;


}


.col-xs-9 {


  width: 75%;


}


.col-xs-8 {


  width: 66.66666667%;


}


.col-xs-7 {


  width: 58.33333333%;


}


.col-xs-6 {


  width: 50%;


}


.col-xs-5 {


  width: 41.66666667%;


}


.col-xs-4 {


  width: 33.33333333%;


}


.col-xs-3 {


  width: 25%;


}


.col-xs-2 {


  width: 16.66666667%;


}


.col-xs-1 {


  width: 8.33333333%;


}


.col-xs-pull-12 {


  right: 100%;


}


.col-xs-pull-11 {


  right: 91.66666667%;


}


.col-xs-pull-10 {


  right: 83.33333333%;


}


.col-xs-pull-9 {


  right: 75%;


}


.col-xs-pull-8 {


  right: 66.66666667%;


}


.col-xs-pull-7 {


  right: 58.33333333%;


}


.col-xs-pull-6 {


  right: 50%;


}


.col-xs-pull-5 {


  right: 41.66666667%;


}


.col-xs-pull-4 {


  right: 33.33333333%;


}


.col-xs-pull-3 {


  right: 25%;


}


.col-xs-pull-2 {


  right: 16.66666667%;


}


.col-xs-pull-1 {


  right: 8.33333333%;


}


.col-xs-pull-0 {


  right: auto;


}


.col-xs-push-12 {


  left: 100%;


}


.col-xs-push-11 {


  left: 91.66666667%;


}


.col-xs-push-10 {


  left: 83.33333333%;


}


.col-xs-push-9 {


  left: 75%;


}


.col-xs-push-8 {


  left: 66.66666667%;


}


.col-xs-push-7 {


  left: 58.33333333%;


}


.col-xs-push-6 {


  left: 50%;


}


.col-xs-push-5 {


  left: 41.66666667%;


}


.col-xs-push-4 {


  left: 33.33333333%;


}


.col-xs-push-3 {


  left: 25%;


}


.col-xs-push-2 {


  left: 16.66666667%;


}


.col-xs-push-1 {


  left: 8.33333333%;


}


.col-xs-push-0 {


  left: auto;


}


.col-xs-offset-12 {


  margin-left: 100%;


}


.col-xs-offset-11 {


  margin-left: 91.66666667%;


}


.col-xs-offset-10 {


  margin-left: 83.33333333%;


}


.col-xs-offset-9 {


  margin-left: 75%;


}


.col-xs-offset-8 {


  margin-left: 66.66666667%;


}


.col-xs-offset-7 {


  margin-left: 58.33333333%;


}


.col-xs-offset-6 {


  margin-left: 50%;


}


.col-xs-offset-5 {


  margin-left: 41.66666667%;


}


.col-xs-offset-4 {


  margin-left: 33.33333333%;


}


.col-xs-offset-3 {


  margin-left: 25%;


}


.col-xs-offset-2 {


  margin-left: 16.66666667%;


}


.col-xs-offset-1 {


  margin-left: 8.33333333%;


}


.col-xs-offset-0 {


  margin-left: 0;


}


@media (min-width: 768px) {


  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {


    float: left;


  }


  .col-sm-12 {


    width: 100%;


  }


  .col-sm-11 {


    width: 91.66666667%;


  }


  .col-sm-10 {


    width: 83.33333333%;


  }


  .col-sm-9 {


    width: 75%;


  }


  .col-sm-8 {


    width: 66.66666667%;


  }


  .col-sm-7 {


    width: 58.33333333%;


  }


  .col-sm-6 {


    width: 50%;


  }


  .col-sm-5 {


    width: 41.66666667%;


  }


  .col-sm-4 {


    width: 33.33333333%;


  }


  .col-sm-3 {


    width: 25%;


  }


  .col-sm-2 {


    width: 16.66666667%;


  }


  .col-sm-1 {


    width: 8.33333333%;


  }


  .col-sm-pull-12 {


    right: 100%;


  }


  .col-sm-pull-11 {


    right: 91.66666667%;


  }


  .col-sm-pull-10 {


    right: 83.33333333%;


  }


  .col-sm-pull-9 {


    right: 75%;


  }


  .col-sm-pull-8 {


    right: 66.66666667%;


  }


  .col-sm-pull-7 {


    right: 58.33333333%;


  }


  .col-sm-pull-6 {


    right: 50%;


  }


  .col-sm-pull-5 {


    right: 41.66666667%;


  }


  .col-sm-pull-4 {


    right: 33.33333333%;


  }


  .col-sm-pull-3 {


    right: 25%;


  }


  .col-sm-pull-2 {


    right: 16.66666667%;


  }


  .col-sm-pull-1 {


    right: 8.33333333%;


  }


  .col-sm-pull-0 {


    right: auto;


  }


  .col-sm-push-12 {


    left: 100%;


  }


  .col-sm-push-11 {


    left: 91.66666667%;


  }


  .col-sm-push-10 {


    left: 83.33333333%;


  }


  .col-sm-push-9 {


    left: 75%;


  }


  .col-sm-push-8 {


    left: 66.66666667%;


  }


  .col-sm-push-7 {


    left: 58.33333333%;


  }


  .col-sm-push-6 {


    left: 50%;


  }


  .col-sm-push-5 {


    left: 41.66666667%;


  }


  .col-sm-push-4 {


    left: 33.33333333%;


  }


  .col-sm-push-3 {


    left: 25%;


  }


  .col-sm-push-2 {


    left: 16.66666667%;


  }


  .col-sm-push-1 {


    left: 8.33333333%;


  }


  .col-sm-push-0 {


    left: auto;


  }


  .col-sm-offset-12 {


    margin-left: 100%;


  }


  .col-sm-offset-11 {


    margin-left: 91.66666667%;


  }


  .col-sm-offset-10 {


    margin-left: 83.33333333%;


  }


  .col-sm-offset-9 {


    margin-left: 75%;


  }


  .col-sm-offset-8 {


    margin-left: 66.66666667%;


  }


  .col-sm-offset-7 {


    margin-left: 58.33333333%;


  }


  .col-sm-offset-6 {


    margin-left: 50%;


  }


  .col-sm-offset-5 {


    margin-left: 41.66666667%;


  }


  .col-sm-offset-4 {


    margin-left: 33.33333333%;


  }


  .col-sm-offset-3 {


    margin-left: 25%;


  }


  .col-sm-offset-2 {


    margin-left: 16.66666667%;


  }


  .col-sm-offset-1 {


    margin-left: 8.33333333%;


  }


  .col-sm-offset-0 {


    margin-left: 0;


  }


}


@media (min-width: 992px) {


  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {


    float: left;


  }


  .col-md-12 {


    width: 100%;


  }


  .col-md-11 {


    width: 91.66666667%;


  }


  .col-md-10 {


    width: 83.33333333%;


  }


  .col-md-9 {


    width: 75%;


  }


  .col-md-8 {


    width: 66.66666667%;


  }


  .col-md-7 {


    width: 58.33333333%;


  }


  .col-md-6 {


    width: 50%;


  }


  .col-md-5 {


    width: 41.66666667%;


  }


  .col-md-4 {


    width: 33.33333333%;


  }


  .col-md-3 {


    width: 25%;


  }


  .col-md-2 {


    width: 16.66666667%;


  }


  .col-md-1 {


    width: 8.33333333%;


  }


  .col-md-pull-12 {


    right: 100%;


  }


  .col-md-pull-11 {


    right: 91.66666667%;


  }


  .col-md-pull-10 {


    right: 83.33333333%;


  }


  .col-md-pull-9 {


    right: 75%;


  }


  .col-md-pull-8 {


    right: 66.66666667%;


  }


  .col-md-pull-7 {


    right: 58.33333333%;


  }


  .col-md-pull-6 {


    right: 50%;


  }


  .col-md-pull-5 {


    right: 41.66666667%;


  }


  .col-md-pull-4 {


    right: 33.33333333%;


  }


  .col-md-pull-3 {


    right: 25%;


  }


  .col-md-pull-2 {


    right: 16.66666667%;


  }


  .col-md-pull-1 {


    right: 8.33333333%;


  }


  .col-md-pull-0 {


    right: auto;


  }


  .col-md-push-12 {


    left: 100%;


  }


  .col-md-push-11 {


    left: 91.66666667%;


  }


  .col-md-push-10 {


    left: 83.33333333%;


  }


  .col-md-push-9 {


    left: 75%;


  }


  .col-md-push-8 {


    left: 66.66666667%;


  }


  .col-md-push-7 {


    left: 58.33333333%;


  }


  .col-md-push-6 {


    left: 50%;


  }


  .col-md-push-5 {


    left: 41.66666667%;


  }


  .col-md-push-4 {


    left: 33.33333333%;


  }


  .col-md-push-3 {


    left: 25%;


  }


  .col-md-push-2 {


    left: 16.66666667%;


  }


  .col-md-push-1 {


    left: 8.33333333%;


  }


  .col-md-push-0 {


    left: auto;


  }


  .col-md-offset-12 {


    margin-left: 100%;


  }


  .col-md-offset-11 {


    margin-left: 91.66666667%;


  }


  .col-md-offset-10 {


    margin-left: 83.33333333%;


  }


  .col-md-offset-9 {


    margin-left: 75%;


  }


  .col-md-offset-8 {


    margin-left: 66.66666667%;


  }


  .col-md-offset-7 {


    margin-left: 58.33333333%;


  }


  .col-md-offset-6 {


    margin-left: 50%;


  }


  .col-md-offset-5 {


    margin-left: 41.66666667%;


  }


  .col-md-offset-4 {


    margin-left: 33.33333333%;


  }


  .col-md-offset-3 {


    margin-left: 25%;


  }


  .col-md-offset-2 {


    margin-left: 16.66666667%;


  }


  .col-md-offset-1 {


    margin-left: 8.33333333%;


  }


  .col-md-offset-0 {


    margin-left: 0;


  }


}


@media (min-width: 1200px) {


  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {


    float: left;


  }


  .col-lg-12 {


    width: 100%;


  }


  .col-lg-11 {


    width: 91.66666667%;


  }


  .col-lg-10 {


    width: 83.33333333%;


  }


  .col-lg-9 {


    width: 75%;


  }


  .col-lg-8 {


    width: 66.66666667%;


  }


  .col-lg-7 {


    width: 58.33333333%;


  }


  .col-lg-6 {


    width: 50%;


  }


  .col-lg-5 {


    width: 41.66666667%;


  }


  .col-lg-4 {


    width: 33.33333333%;


  }


  .col-lg-3 {


    width: 25%;


  }


  .col-lg-2 {


    width: 16.66666667%;


  }


  .col-lg-1 {


    width: 8.33333333%;


  }


  .col-lg-pull-12 {


    right: 100%;


  }


  .col-lg-pull-11 {


    right: 91.66666667%;


  }


  .col-lg-pull-10 {


    right: 83.33333333%;


  }


  .col-lg-pull-9 {


    right: 75%;


  }


  .col-lg-pull-8 {


    right: 66.66666667%;


  }


  .col-lg-pull-7 {


    right: 58.33333333%;


  }


  .col-lg-pull-6 {


    right: 50%;


  }


  .col-lg-pull-5 {


    right: 41.66666667%;


  }


  .col-lg-pull-4 {


    right: 33.33333333%;


  }


  .col-lg-pull-3 {


    right: 25%;


  }


  .col-lg-pull-2 {


    right: 16.66666667%;


  }


  .col-lg-pull-1 {


    right: 8.33333333%;


  }


  .col-lg-pull-0 {


    right: auto;


  }


  .col-lg-push-12 {


    left: 100%;


  }


  .col-lg-push-11 {


    left: 91.66666667%;


  }


  .col-lg-push-10 {


    left: 83.33333333%;


  }


  .col-lg-push-9 {


    left: 75%;


  }


  .col-lg-push-8 {


    left: 66.66666667%;


  }


  .col-lg-push-7 {


    left: 58.33333333%;


  }


  .col-lg-push-6 {


    left: 50%;


  }


  .col-lg-push-5 {


    left: 41.66666667%;


  }


  .col-lg-push-4 {


    left: 33.33333333%;


  }


  .col-lg-push-3 {


    left: 25%;


  }


  .col-lg-push-2 {


    left: 16.66666667%;


  }


  .col-lg-push-1 {


    left: 8.33333333%;


  }


  .col-lg-push-0 {


    left: auto;


  }


  .col-lg-offset-12 {


    margin-left: 100%;


  }


  .col-lg-offset-11 {


    margin-left: 91.66666667%;


  }


  .col-lg-offset-10 {


    margin-left: 83.33333333%;


  }


  .col-lg-offset-9 {


    margin-left: 75%;


  }


  .col-lg-offset-8 {


    margin-left: 66.66666667%;


  }


  .col-lg-offset-7 {


    margin-left: 58.33333333%;


  }


  .col-lg-offset-6 {


    margin-left: 50%;


  }


  .col-lg-offset-5 {


    margin-left: 41.66666667%;


  }


  .col-lg-offset-4 {


    margin-left: 33.33333333%;


  }


  .col-lg-offset-3 {


    margin-left: 25%;


  }


  .col-lg-offset-2 {


    margin-left: 16.66666667%;


  }


  .col-lg-offset-1 {


    margin-left: 8.33333333%;


  }


  .col-lg-offset-0 {


    margin-left: 0;


  }


}





/**


 * Carousel style


 */


.jp-articles-slider .carousel-inner > .item > img,


.jp-articles-slider .carousel-inner > .item > a > img {


  display: block;


  max-width: 100%;


  height: auto;


}


.jp-articles-slider .carousel {


  position: relative;


}


.jp-articles-slider .carousel-inner {


  position: relative;


  width: 100%;


  overflow: hidden;


}


.jp-articles-slider .carousel-inner > .item {


  position: relative;


  display: none;


  -webkit-transition: .6s ease-in-out left;


       -o-transition: .6s ease-in-out left;


          transition: .6s ease-in-out left;


}


.jp-articles-slider .carousel-inner > .item > img,


.jp-articles-slider .carousel-inner > .item > a > img {


  line-height: 1;


}


@media all and (transform-3d), (-webkit-transform-3d) {


  .jp-articles-slider .carousel-inner > .item {


    -webkit-transition: -webkit-transform .6s ease-in-out;


         -o-transition:      -o-transform .6s ease-in-out;


            transition:         transform .6s ease-in-out;





    -webkit-backface-visibility: hidden;


            backface-visibility: hidden;


    -webkit-perspective: 1000;


            perspective: 1000;


  }


  .jp-articles-slider .carousel-inner > .item.next,


  .jp-articles-slider .carousel-inner > .item.active.right {


    left: 0;


    -webkit-transform: translate3d(100%, 0, 0);


            transform: translate3d(100%, 0, 0);


  }


  .jp-articles-slider .carousel-inner > .item.prev,


  .jp-articles-slider .carousel-inner > .item.active.left {


    left: 0;


    -webkit-transform: translate3d(-100%, 0, 0);


            transform: translate3d(-100%, 0, 0);


  }


  .jp-articles-slider .carousel-inner > .item.next.left,


  .jp-articles-slider .carousel-inner > .item.prev.right,


  .jp-articles-slider .carousel-inner > .item.active {


    left: 0;


    -webkit-transform: translate3d(0, 0, 0);


            transform: translate3d(0, 0, 0);


  }


}


.jp-articles-slider .carousel-inner > .active,


.jp-articles-slider .carousel-inner > .next,


.jp-articles-slider .carousel-inner > .prev {


  display: block;


}


.jp-articles-slider .carousel-inner > .active {


  left: 0;


}


.jp-articles-slider .carousel-inner > .next,


.jp-articles-slider .carousel-inner > .prev {


  position: absolute;


  top: 0;


  width: 100%;


}


.jp-articles-slider .carousel-inner > .next {


  left: 100%;


}


.jp-articles-slider .carousel-inner > .prev {


  left: -100%;


}


.jp-articles-slider .carousel-inner > .next.left,


.jp-articles-slider .carousel-inner > .prev.right {


  left: 0;


}


.jp-articles-slider .carousel-inner > .active.left {


  left: -100%;


}


.jp-articles-slider .carousel-inner > .active.right {


  left: 100%;


}


.jp-articles-slider .carousel-control {


  position: absolute;


  top: 0;


  bottom: 0;


  left: 0;


  width: 15%;


  font-size: 20px;


  color: #fff;


  text-align: center;


  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);


  filter: alpha(opacity=50);


  opacity: .5;


}


.jp-articles-slider .carousel-control.left {


  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);


  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);


  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));


  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);


  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);


  background-repeat: repeat-x;


}


.jp-articles-slider .carousel-control.right {


  right: 0;


  left: auto;


  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);


  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);


  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));


  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);


  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);


  background-repeat: repeat-x;


}


.jp-articles-slider .carousel-control:hover,


.jp-articles-slider .carousel-control:focus {


  color: #fff;


  text-decoration: none;


  filter: alpha(opacity=90);


  outline: 0;


  opacity: .9;


}


.jp-articles-slider .carousel-control .icon-prev,


.jp-articles-slider .carousel-control .icon-next,


.jp-articles-slider .carousel-control .glyphicon-chevron-left,


.jp-articles-slider .carousel-control .glyphicon-chevron-right {


  position: absolute;


  top: 50%;


  z-index: 5;


  display: inline-block;


}


.jp-articles-slider .carousel-control .icon-prev,


.jp-articles-slider .carousel-control .glyphicon-chevron-left {


  left: 50%;


  margin-left: -10px;


}


.jp-articles-slider .carousel-control .icon-next,


.jp-articles-slider .carousel-control .glyphicon-chevron-right {


  right: 50%;


  margin-right: -10px;


}


.jp-articles-slider .carousel-control .icon-prev,


.jp-articles-slider .carousel-control .icon-next {


  width: 20px;


  height: 20px;


  margin-top: -10px;


  font-family: serif;


  line-height: 1;


}


.jp-articles-slider .carousel-control .icon-prev:before {


  content: '\2039';


}


.jp-articles-slider .carousel-control .icon-next:before {


  content: '\203a';


}


.jp-articles-slider .carousel-indicators {


  position: absolute;


  bottom: 10px;


  left: 50%;


  z-index: 15;


  width: 60%;


  padding-left: 0;


  margin-left: -30%;


  text-align: center;


  list-style: none;


}


.jp-articles-slider .carousel-indicators li {


  display: inline-block;


  width: 10px;


  height: 10px;


  margin: 3px;


  text-indent: -999px;


  cursor: pointer;


  background: rgba(0, 0, 0, 0.3);


  border: 1px solid #fff;


  border-radius: 10px;


}


.jp-articles-slider .carousel-indicators li.active {


  width: 10px;


  height: 10px;


  background: rgba(0, 0, 0, 0.8);


}


.jp-articles-slider .carousel-caption {


  position: absolute;


  right: 15%;


  bottom: 20px;


  left: 15%;


  z-index: 10;


  padding-top: 20px;


  padding-bottom: 20px;


  color: #fff;


  text-align: center;


  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);


}


.jp-articles-slider .carousel-caption .btn {


  text-shadow: none;


}


@media screen and (min-width: 768px) {


  .jp-articles-slider .carousel-control .glyphicon-chevron-left,


  .jp-articles-slider .carousel-control .glyphicon-chevron-right,


  .jp-articles-slider .carousel-control .icon-prev,


  .jp-articles-slider .carousel-control .icon-next {


    width: 36px;


    height: 36px;


    margin-top: -15px;


    font-size: 16px;


  }


  .jp-articles-slider .carousel-control .glyphicon-chevron-left,


  .jp-articles-slider .carousel-control .icon-prev {


    margin-left: -15px;


  }


  .jp-articles-slider .carousel-control .glyphicon-chevron-right,


  .jp-articles-slider .carousel-control .icon-next {


    margin-right: -15px;


  }


  .jp-articles-slider .carousel-caption {


    right: 20%;


    left: 20%;


    padding-bottom: 30px;


  }


  .jp-articles-slider .carousel-indicators {


    bottom: 20px;


  }


}