.da-slider{width:100%;height:427px;position:relative;margin:0 auto;overflow:hidden;background:transparent url(http://vod.haninstitute.com.tw/Themes/Unify/assets/plugins/parallax-slider/img/bg.jpg.pagespeed.ce.ljylH4NPwE.jpg) repeat 0% 0%;box-shadow:0 1px 1px rgba(0,0,0,.2) , 0 -2px 1px #fff;-webkit-transition:background-position 1.4s ease-in-out .3s;-moz-transition:background-position 1.4s ease-in-out .3s;-o-transition:background-position 1.4s ease-in-out .3s;-ms-transition:background-position 1.4s ease-in-out .3s;transition:background-position 1.4s ease-in-out .3s}.da-slide{position:absolute;width:100%;height:100%;top:0;left:0;font-family:'BebasNeueRegular','Arial Narrow',Arial,sans-serif;text-align:left}.da-slide-current{z-index:10}.da-slider-fb .da-slide{left:100%}.da-slider-fb .da-slide.da-slide-current{left:0}.da-slide h2,.da-slide p,.da-slide .da-link,.da-slide .da-img{position:absolute;opacity:0;left:110%}.da-slider-fb .da-slide h2,.da-slider-fb .da-slide p,.da-slider-fb .da-slide .da-link{left:10%;opacity:1}.da-slider-fb .da-slide .da-img{left:60%;opacity:1}.da-slide h2{font-family:'Open Sans',sans-serif;color:#f9f9f9!important;line-height:50px;top:100px;z-index:10;padding:0;margin-left:-2%;font-weight:400!important}.da-slide h2 i{font-size:36px;font-style:normal;padding:0 5px;text-transform:uppercase;background-color:rgba(46,98,0,.8)}.da-slide p{font-family:'Open Sans',sans-serif;font-size:18px;font-weight:400;line-height:25px;width:100%;top:300px;color:#fff;overflow:hidden;margin-left:-2%}.da-slide p i{background:url(http://vod.haninstitute.com.tw/Themes/Unify/assets/plugins/parallax-slider/img/bg-text.png.pagespeed.ce.uxw-5cibCm.png) repeat;padding:0 10px;font-style:normal}.da-slide .da-img{text-align:center;width:50%;top:80px;height:328px;line-height:320px;left:110%;margin-left:-16%}.da-slide-current .da-img{left:60%;opacity:1}.da-slide .da-link{top:320px;border-radius:3px!important;min-width:15%;color:#666;text-shadow:0 1px 0 #eee;box-shadow:0 0 4px #bbb;border:1px solid #fff;padding:2px 20px;font-size:25px;text-align:center;background:rgba(255,255,255,.2)}.da-slide .da-link:hover{background:rgba(255,255,255,.3);box-shadow:0 0 5px #eee;text-decoration:none}.da-dots{width:100%;position:absolute;text-align:center;left:0;bottom:15px;z-index:1;-moz-user-select:none;-webkit-user-select:none}.da-dots span{display:inline-block;position:relative;width:12px;height:12px;border-radius:50%!important;background:url(http://vod.haninstitute.com.tw/Themes/Unify/assets/plugins/parallax-slider/img/bg-text.png.pagespeed.ce.uxw-5cibCm.png) repeat;margin:3px;cursor:pointer}.da-dots span.da-dots-current:after{content:'';width:8px;height:8px;position:absolute;top:2px;left:2px;border-radius:50%!important;background:#fff}.da-arrows{-moz-user-select:none;-webkit-user-select:none}.da-arrows span{background:transparent url(http://vod.haninstitute.com.tw/Themes/Unify/assets/plugins/parallax-slider/img/arrows.png.pagespeed.ce.dsPtcOoX3O.png) no-repeat;position:absolute;top:50%;height:50px;width:49px;margin-top:-25px;cursor:pointer;z-index:10;opacity:0;-webkit-transition:opacity .4s ease-in-out .2s;-moz-transition:opacity .4s ease-in-out .2s;-o-transition:opacity .4s ease-in-out .2s;-ms-transition:opacity .4s ease-in-out .2s;transition:opacity .4s ease-in-out .2s}.da-slider:hover .da-arrows span{opacity:.8}.da-slider:hover .da-arrows span:hover{opacity:1}.da-arrows span:after{content:'';position:absolute;width:49px;height:49px}.da-arrows span.da-arrows-prev{left:12px;background-position:0 -68px}.da-arrows span.da-arrows-next{right:15px;background-position:0 1px}.da-slide-current h2,.da-slide-current p,.da-slide-current .da-link{left:10%;opacity:1}.da-slide-fromright h2{-webkit-animation:fromRightAnim1 .6s ease-in .8s both;-moz-animation:fromRightAnim1 .6s ease-in .8s both;-o-animation:fromRightAnim1 .6s ease-in .8s both;-ms-animation:fromRightAnim1 .6s ease-in .8s both;animation:fromRightAnim1 .6s ease-in .8s both}.da-slide-fromright p{-webkit-animation:fromRightAnim2 .6s ease-in .8s both;-moz-animation:fromRightAnim2 .6s ease-in .8s both;-o-animation:fromRightAnim2 .6s ease-in .8s both;-ms-animation:fromRightAnim2 .6s ease-in .8s both;animation:fromRightAnim2 .6s ease-in .8s both}.da-slide-fromright .da-link{-webkit-animation:fromRightAnim3 .4s ease-in 1.2s both;-moz-animation:fromRightAnim3 .4s ease-in 1.2s both;-o-animation:fromRightAnim3 .4s ease-in 1.2s both;-ms-animation:fromRightAnim3 .4s ease-in 1.2s both;animation:fromRightAnim3 .4s ease-in 1.2s both}.da-slide-fromright .da-img{-webkit-animation:fromRightAnim4 .6s ease-in .8s both;-moz-animation:fromRightAnim4 .6s ease-in .8s both;-o-animation:fromRightAnim4 .6s ease-in .8s both;-ms-animation:fromRightAnim4 .6s ease-in .8s both;animation:fromRightAnim4 .6s ease-in .8s both}@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}.da-slide-fromleft h2{-webkit-animation:fromLeftAnim1 .6s ease-in .6s both;-moz-animation:fromLeftAnim1 .6s ease-in .6s both;-o-animation:fromLeftAnim1 .6s ease-in .6s both;-ms-animation:fromLeftAnim1 .6s ease-in .6s both;animation:fromLeftAnim1 .6s ease-in .6s both}.da-slide-fromleft p{-webkit-animation:fromLeftAnim2 .6s ease-in .6s both;-moz-animation:fromLeftAnim2 .6s ease-in .6s both;-o-animation:fromLeftAnim2 .6s ease-in .6s both;-ms-animation:fromLeftAnim2 .6s ease-in .6s both;animation:fromLeftAnim2 .6s ease-in .6s both}.da-slide-fromleft .da-link{-webkit-animation:fromLeftAnim3 .4s ease-in 1.2s both;-moz-animation:fromLeftAnim3 .4s ease-in 1.2s both;-o-animation:fromLeftAnim3 .4s ease-in 1.2s both;-ms-animation:fromLeftAnim3 .4s ease-in 1.2s both;animation:fromLeftAnim3 .4s ease-in 1.2s both}.da-slide-fromleft .da-img{-webkit-animation:fromLeftAnim4 .6s ease-in .6s both;-moz-animation:fromLeftAnim4 .6s ease-in .6s both;-o-animation:fromLeftAnim4 .6s ease-in .6s both;-ms-animation:fromLeftAnim4 .6s ease-in .6s both;animation:fromLeftAnim4 .6s ease-in .6s both}@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}.da-slide-toright h2{-webkit-animation:toRightAnim1 .6s ease-in .6s both;-moz-animation:toRightAnim1 .6s ease-in .6s both;-o-animation:toRightAnim1 .6s ease-in .6s both;-ms-animation:toRightAnim1 .6s ease-in .6s both;animation:toRightAnim1 .6s ease-in .6s both}.da-slide-toright p{-webkit-animation:toRightAnim2 .6s ease-in .3s both;-moz-animation:toRightAnim2 .6s ease-in .3s both;-o-animation:toRightAnim2 .6s ease-in .3s both;-ms-animation:toRightAnim2 .6s ease-in .3s both;animation:toRightAnim2 .6s ease-in .3s both}.da-slide-toright .da-link{-webkit-animation:toRightAnim3 .4s ease-in both;-moz-animation:toRightAnim3 .4s ease-in both;-o-animation:toRightAnim3 .4s ease-in both;-ms-animation:toRightAnim3 .4s ease-in both;animation:toRightAnim3 .4s ease-in both}.da-slide-toright .da-img{-webkit-animation:toRightAnim4 .6s ease-in both;-moz-animation:toRightAnim4 .6s ease-in both;-o-animation:toRightAnim4 .6s ease-in both;-ms-animation:toRightAnim4 .6s ease-in both;animation:toRightAnim4 .6s ease-in both}@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}.da-slide-toleft h2{-webkit-animation:toLeftAnim1 .6s ease-in both;-moz-animation:toLeftAnim1 .6s ease-in both;-o-animation:toLeftAnim1 .6s ease-in both;-ms-animation:toLeftAnim1 .6s ease-in both;animation:toLeftAnim1 .6s ease-in both}.da-slide-toleft p{-webkit-animation:toLeftAnim2 .6s ease-in .3s both;-moz-animation:toLeftAnim2 .6s ease-in .3s both;-o-animation:toLeftAnim2 .6s ease-in .3s both;-ms-animation:toLeftAnim2 .6s ease-in .3s both;animation:toLeftAnim2 .6s ease-in .3s both}.da-slide-toleft .da-link{-webkit-animation:toLeftAnim3 .4s ease-in both;-moz-animation:toLeftAnim3 .4s ease-in both;-o-animation:toLeftAnim3 .4s ease-in both;-ms-animation:toLeftAnim3 .4s ease-in both;animation:toLeftAnim3 .4s ease-in both}.da-slide-toleft .da-img{-webkit-animation:toLeftAnim4 .6s ease-in .6s both;-moz-animation:toLeftAnim4 .6s ease-in .6s both;-o-animation:toLeftAnim4 .6s ease-in .6s both;-ms-animation:toLeftAnim4 .6s ease-in .6s both;animation:toLeftAnim4 .6s ease-in .6s both}@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}@media (min-width:1440px){.da-slide h2,.da-slide p{margin-left:3%}.da-slide .da-img{margin-left:-18%}}@media (min-width:1680px){.da-slide h2,.da-slide p{margin-left:7%}.da-slide .da-img{margin-left:-20%}}@media (min-width:1920px){.da-slide h2,.da-slide p{margin-left:12%}.da-slide .da-img{margin-left:-22%}}