

section[class*="banner-"]{}
.banner-custom{height: calc(100vh - 80px);margin-top: 80px;}
.banner-custom .tb-arrow a{width: 64px;height: 64px;opacity: 0;-webkit-transition: all .3s;transition: all .3s;}
.banner-custom .tb-arrow a.prev{background: url(img/custom-arrow-prev.png) no-repeat;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
.banner-custom .tb-arrow a.next{background: url(img/custom-arrow-next.png) no-repeat;-webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0);}
.banner-custom:hover .tb-arrow a{opacity: 1;-webkit-transform: none;transform: none;}
.banner-custom .tb-btn{bottom: 40px;}
.banner-custom .tb-btn a{width: 20px;height: 20px;margin: 0 20px;-webkit-transition: transform .3s;transition: transform .3s;}
.banner-custom .tb-btn a.active{background: #f03;-webkit-transform: scale(1.8);transform: scale(1.8);}

.banner-function{height: calc(100vh - 80px);margin-top: 80px;}
.banner-function .tb-btn{top: 50%;bottom: auto;left: 0;margin: -15px 0 0 40px !important;}
.banner-function .tb-btn a{width: 30px;height: 30px;line-height: 30px;margin: 0 10px;background: #f60;color: #fff;text-align: center;-webkit-transition: background .3s;transition: background .3s;}
.banner-function .tb-btn a.active{background: #333;}
.banner-function .name{position: absolute;top: 50%;left: 50px;width: 180px;margin-top: -80px;}
.banner-function .name h2{display: none;line-height: 20px;padding: 8px 10px;background: #fff3cd;border: 1px solid #fde59b;color: #856404;text-align: center;letter-spacing: 2px;}
.banner-function .name h2:nth-child(1){display: block;}
.banner-function .toggle{position: absolute;top: 50%;right: 40px;margin-top: -15px;}
.banner-function .toggle a{float: left;width: 60px;line-height: 30px;margin-left: 20px;background: #f60;color: #fff;text-align: center;letter-spacing: 1px;-webkit-transition: all .3s;transition: all .3s;text-transform: uppercase;;}
.banner-function .toggle a:hover{background: #333;}

.banner-lazyload{height: calc(100vh - 80px);margin-top: 80px;}
.banner-lazyload .tb-list li{background-size: cover;}

.banner-thumb{height: calc(100vh - 80px);margin-top: 80px;}
.banner-thumb .tb-btn a{margin: 0 10px;border: 1px solid #fff;border-radius: 0;opacity: .5;-webkit-transition: all .3s;transition: all .3s;}
.banner-thumb .tb-btn a.active{opacity: 1;}

.tb-btn{display:none;}
.tb-arrow a{height: auto !important;}
.tb-list ul{padding:0;margin:0;}
.tb-list ul li{height: 100% !important;}









