@charset "utf-8";
/* CSS Document */

#slider1{display:block;margin-top: -100px;}
#slider2{display:none;}


/*jSliderAnimation*/
/*.jSlider.pc >div a{color: #fff; display: block; position: absolute; bottom: 30px;  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(61,102,37,1) 100%); padding: 0 0 0 40px;}
.jSlider.pc >div a img{ width:490px; max-width:100%; }
.jSlider.pc >div a:hover{ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(139,173,107,1) 100%); }
.jSlider.mob >div a{display: block; position: absolute; bottom: 20px;  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(61,102,37,1) 100%); padding: 0 0 0 40px; width: 58%;}
.jSlider.mob >div a:hover{ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(139,173,107,1) 100%); }
.jSlider.pc >div a.fade-left, .jSlider.mob >div a.mob-fade-left{opacity: 0; /* 預設隱藏 */}
.fade-left.active , .mob-fade-left.active { animation: fadeLeft 0.8s ease forwards; }*/
@keyframes fadeLeft{
    0% { opacity: 0; right:-700px; }
  100% { opacity: 1; right:0px; }
}



	

@media (max-width: 767px) {
#slider1{display:none;}
	#slider2{display:block; margin-top: 0px;}
	
}