video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } #abarea{margin: 0 auto;position: relative;overflow: hidden;z-index: 1;} .abarea-pagination{position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10;} .abarea-pagination .swiper-pagination-bullet { border-radius: 0; width: 80px !important; height: 2px !important; border-color: #999; background-color: #999; opacity: .5 !important; } @media(max-width:767px){.abarea-pagination .swiper-pagination-bullet { width: 40px !important; }} .abarea-pagination .swiper-pagination-bullet-active { background-color: #fff; border-color: #fff; } .ab-button-next, .ab-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; } .ab-button-prev { left: 10px; right: auto;} .ab-button-next { right: 10px; left: auto;} .black-tbn{color:#333 !important;border-color:#333 !important;} .black-tbn:after{background-color:#333 !important;} .black-tbn:hover{color:#fff !important} .feel-btn{color:#a79668 !important;border-color:#a79668 !important;z-index:1;} .feel-btn:after{background-color:#a79668 !important;} .feel-btn:hover{color:#fff !important} #home-banner-a span.new_span_underline:before{bottom:-2px;} .footer-sun-logo {width:100%; height:auto;}