#banner .slick-slide{position:relative;overflow:hidden}
#banner .slick-slide >a{display:block;position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;overflow:hidden}
.slick-slide a img{width:100%}
.slick-slide video,.slick-slide iframe,.slick-slide canvas{position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.4);z-index:2}
.slick-slide video,.slick-slide canvas{width:auto;transform:scale(1.4)}
#banner .slick-slide .art{position:absolute;z-index:3;width: 490px;top: calc(50% - 100px);left: calc(54% - 0px);color: #fff;text-align: center;}
#banner .slick-slide h2{font-size: 59px;line-height:110%;text-align: left;font-family: "Roboto", "Noto Sans TC", sans-serif;text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.26);}
#banner .slick-slide p{margin-top:40px;font-size: 25px;line-height:150%;text-align: left;text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.75);margin-left: 43px;letter-spacing: 5px;}
#banner .slick-slide b{display:inline-block;/* background: rgba(181, 181, 181, 0.71); */padding:20px 65px;font-size: 14px;line-height:110%;color: #ffffff;margin-top: 12px;transition:all linear .2s;cursor:pointer;display: -webkit-inline-box;padding: 15px 36px;border: 1px solid #cfcfd0;border-radius: 38px;overflow: hidden;margin-left: 70px;text-shadow: 1px 1px 7px #000000;}
#banner .slick-slide b:hover{background: rgba(255, 255, 255, 0.71);color: #ffffff;}
#banner .slick-dots{bottom:60%;text-align:left;margin-left:20px;width:28px}
#banner .slick-dots li button:before,#banner .slick-dots li.slick-active button:before{color:#fff}
#banner .slick-dots li button:before{text-shadow:0 0 5px #fff,0 0 5px #fff}
#views{width:calc(100% - 90px);margin-left:90px}
@media (min-width: 1025px) {
#banner .slick-slide b a:hover{opacity:.7}
}
@media (max-width: 1440px) {
#banner .slick-slide .art{top:calc(50% - 100px);}
#banner .slick-slide h2{font-size:40px}
#banner .slick-slide b{margin-top:55px;    padding: 15px 50px;}
}
@media (max-width: 1024px) {
#banner .slick-slide .art{
    width: 320px;
}
#banner .slick-slide h2{font-size:34px}
#banner .slick-slide p{margin-top:30px;font-size:16px}
#banner .slick-slide b{margin-top:45px;}
#banner{ margin-top:88px;}
}
@media (max-width: 768px) {
#banner .slick-slide .art{}
#banner .slick-slide img{padding:30px 0}
}
@media (max-width: 640px) {
#banner .slick-slide .art{
    top: initial;
    bottom: 10%;
    width: 300px;
    left: calc(67% - 150px);
    }
#banner .slick-slide p{margin-top:15px;line-height:130%}
#banner .slick-slide b{margin-top:30px;padding:15px 40px}
#banner{ margin-top:68px;}

}
@media (max-width: 480px) {
#banner .slick-slide .art{bottom:20px;width: 200px;left: calc(80% - 150px);top: calc(63% - 100px);}
#banner .slick-slide h2{font-size:24px}
#banner .slick-slide p{font-size:13px;letter-spacing: 2px;}
#banner .slick-slide b{font-size:13px;margin-top:15px;padding:10px 30px}
#banner .slick-slide img{padding:50px 0}
}