.owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent ; }
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#0d2e6c;font-size:24px;margin:5px;padding:0px 7px 3px 7px ;background:#1d2088;display:inline-block;
                                               cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px ; }
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#fff;color:#fff;text-decoration:none ;}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:12px;height:12px;margin:23px 10px;background:rgba(255 ,255 ,255 ,0.3);display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;box-shadow: 0px 0px 4px #bbb;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#288bc4}



.index_banner_pc.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:23px 5px;background:rgba(255,255,255,1);/*border:1px #0d2e6c solid*/ ;border-radius:30px;box-shadow: 0px 0px 10px #999;}
.index_banner_pc.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#b0825b}

/*貓閃閃*/
        .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
        .owl-item.active .ad_decoration{
            transform: skewX(-81deg);
            filter:alpha(opacity=100); opacity:1; transition:1s;
            bottom: 0;
          }
           .owl-item.active .pro_ad{
            filter:alpha(opacity=100); opacity:1; transition:3s;
            bottom: 0; 
          }
          .ad_box .owl-controls{ position: absolute; bottom: 30px; left:0; width: 100%; }
          .owl-theme .owl-dots .owl-dot span{width: 13px; height: 13px;}

          .pro_list_box .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{filter:alpha(opacity=0); opacity:0;}
          .pro_list_box.owl-theme .owl-dots .owl-dot span{filter:alpha(opacity=0); opacity:0;}

         
           @media screen and (max-width:1023px){
             .pro_list_box .owl-controls{ margin-top: 50px; }
             .pro_list_box.owl-theme .owl-controls .owl-nav [class*=owl-]{ color: #333; }
          }

          @media screen and (max-width:1380px){
             .owl-item.active .ad_decoration{bottom: -1px;}
          }

          @media screen and (max-width:600px){
            .owl-theme .owl-dots .owl-dot span{filter:alpha(opacity=0); opacity:0;}
            .pro_list_box.owl-theme .owl-dots .owl-dot span{filter:alpha(opacity=100); opacity:1;}
          }


.owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }

.owl-item.active .slogan{
            transition-delay:2s; 
            filter:alpha(opacity=100);
            opacity:1;
            transition:1.5s;
            top: 35%;
            left: 6%;
            -webkit-opacity:1;
            animation:slogan_auto 2s;
            -webkit-animation: slogan_auto 2s;
            -moz-animation:slogan_auto 2s;
            -o-animation:slogan_auto 2s;
          }

.owl-item.active .slogan2{
            transition-delay:2s; 
            filter:alpha(opacity=100);
            opacity:1;
            transition:2s;
            top: 70%;
            right: 10%;
            -webkit-opacity:1;
            animation:slogan_auto 2s;
            -webkit-animation: slogan_auto 2s;
            -moz-animation:slogan_auto 2s;
            -o-animation:slogan_auto 2s;
          }

.index-banner-pc{
    position: relative;
}

.index-banner-pc.owl-theme .owl-controls,.index-banner-m.owl-theme .owl-controls{
/*  position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);*/
    width: 100%;
}
.index-banner-pc .owl-nav{
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    top: 50%;
}

.index-banner-pc .owl-dots ,.index-banner-m .owl-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 0px;
}


.index-banner-pc .owl-nav[class*=owl-] .owl-prev {

    display: block;
    background-color: rgba(255,255,255,0);
    border: none;
    background-image: url(../img/icon_left01.png);
    height: 62px;
    width: 33px;
    transition: .3s;
    border-radius: 0;
    position: absolute;
    left: 30px;
    top: 0;
    opacity: .8;
    transform: translate(0,-50%);
}
.index-banner-pc .owl-nav[class*=owl-] .owl-prev:hover {
    background-image: url(../img/icon_left01.png);
    background-color: rgba(51, 51, 51, 0);
    height: 62px;
    width: 33px;
    /*left: 20px;*/
}

.index-banner-pc .owl-nav[class*=owl-] .owl-next {
    display: block;
    background-color: rgba(255,255,255,0);
    border: none;
    background-image: url(../img/icon_right01.png);
    height: 62px;
    width: 33px;
    transition: .3s;
    border-radius: 0;
    position: absolute;
    right: 30px;
    top: 0;
    opacity: .8;
    transform: translate(0,-50%);
}
.index-banner-pc .owl-nav[class*=owl-] .owl-next:hover {
    background-image: url(../img/icon_right01.png);
    background-color: rgba(51, 51, 51, 0);
    height: 62px;
    width: 33px;
    /*right: 20px;*/
}





/*----------------------------------------*/

.pop_up_pic_b{
    position: relative;
}

.pop_up_pic_b.owl-theme .owl-controls{
/*  position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);*/
    width: 100%;
}

.pop_up_pic_s li {
    width: 100%;
}

.pop_up_pic_s li a{
    position: relative;
    min-height: 120px;
    display: block;
    width: 100%;
}

.pop_up_pic_s li a img{
    position: absolute;
    width: auto!important;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    /* min-height: 70px; */
    top: 50%;
    left: 50%;
    /*transform: translateX(-50%);*/
     transform: translate(-50%,-50%);
}


.pop_up_pic_s.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.pop_up_pic_b .owl-nav{
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    top: 50%;
    z-index: 10000;
}

.pop_up_pic_b .owl-dots ,.index-banner-m .owl-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 5px;
}


.pop_up_pic_b .owl-nav[class*=owl-] .owl-prev {

    display: block;
    background-color: rgba(255,255,255,0);
    border: none;
    background-image: url(../img/icon_left01.png);
    height: 62px;
    width: 33px;
    transition: .3s;
    border-radius: 0;
    position: absolute;
    left: -50px;
    top: 0;
    opacity: .8;
    transform: translate(0,-50%);
}
.pop_up_pic_b .owl-nav[class*=owl-] .owl-prev:hover {
    background-image: url(../img/icon_left01.png);
    background-color: rgba(51, 51, 51, 0);
    height: 62px;
    width: 33px;
    /*left: 20px;*/
}

.pop_up_pic_b .owl-nav[class*=owl-] .owl-next {
    display: block;
    background-color: rgba(255,255,255,0);
    border: none;
    background-image: url(../img/icon_right01.png);
    height: 62px;
    width: 33px;
    transition: .3s;
    border-radius: 0;
    position: absolute;
    right: -50px;
    top: 0;
    opacity: .8;
    transform: translate(0,-50%);
}
.pop_up_pic_b .owl-nav[class*=owl-] .owl-next:hover {
    background-image: url(../img/icon_right01.png);
    background-color: rgba(51, 51, 51, 0);
    height: 62px;
    width: 33px;
    /*right: 20px;*/
}

/*---------------------------------------*/

.pro_d_img{
    position: relative;
}

.pro_d_img.owl-theme .owl-controls{
/*  position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);*/
    width: 100%;
}
.pro_d_img .owl-nav{
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    top: 50%;
}

.pro_d_img .owl-dots ,.index-banner-m .owl-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 5px;
}


.pro_d_img .owl-nav[class*=owl-] .owl-prev {

    display: block;
    background-color: rgba(255,255,255,0);
    border: none;
    background-image: url(../img/icon_left03.png);
    width: 103px;
    height: 22px;
    transition: .3s;
    border-radius: 0;
    position: absolute;
    left: -150px;
    top: 0;
    opacity: .8;
    transform: translate(0,-50%);
}
.pro_d_img .owl-nav[class*=owl-] .owl-prev:hover {
    background-image: url(../img/icon_left03.png);
    background-color: rgba(51, 51, 51, 0);
    width: 103px;
    height: 22px;
    /*left: 20px;*/
}

.pro_d_img .owl-nav[class*=owl-] .owl-next {
    display: block;
    background-color: rgba(255,255,255,0);
    border: none;
    background-image: url(../img/icon_right03.png);
    width: 103px;
    height: 22px;
    transition: .3s;
    border-radius: 0;
    position: absolute;
    right: -150px;
    top: 0;
    opacity: .8;
    transform: translate(0,-50%);
}
.pro_d_img .owl-nav[class*=owl-] .owl-next:hover {
    background-image: url(../img/icon_right03.png);
    background-color: rgba(51, 51, 51, 0);
    width: 103px;
    height: 22px;
    /*right: 20px;*/
}
.pro_d_img .owl-dots{
    display: none!important;
}



/*貓閃閃*/
      /*  .owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
        .owl-item.active .ad_decoration{
            transform: skewX(-81deg);
            filter:alpha(opacity=100); opacity:1; transition:1s;
            bottom: 0;
          }
           .owl-item.active .pro_ad{
            filter:alpha(opacity=100); opacity:1; transition:3s;
            bottom: 0; 
          }
          .ad_box .owl-controls{ position: absolute; bottom: 30px; left:0; width: 100%; }
          .owl-theme .owl-dots .owl-dot span{width: 13px; height: 13px;}

          .pro_list_box .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{filter:alpha(opacity=0); opacity:0;}
          .pro_list_box.owl-theme .owl-dots .owl-dot span{filter:alpha(opacity=0); opacity:0;}

         
           @media screen and (max-width:1023px){
             .pro_list_box .owl-controls{ margin-top: 50px; }
             .pro_list_box.owl-theme .owl-controls .owl-nav [class*=owl-]{ color: #333; }
          }

          @media screen and (max-width:1380px){
             .owl-item.active .ad_decoration{bottom: -1px;}
          }

          @media screen and (max-width:600px){
            .owl-theme .owl-dots .owl-dot span{filter:alpha(opacity=0); opacity:0;}
            .pro_list_box.owl-theme .owl-dots .owl-dot span{filter:alpha(opacity=100); opacity:1;}
          }



.owl-item { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }*/





@media screen and (max-width: 990px) {

.index-banner-pc .owl-nav{
    display: none;
}

.pop_up_pic_b .owl-nav[class*=owl-] .owl-prev {

    background-image: url(../img/icon_left02.png);
    height: 38px;
    width: 20px;
    left: -50px;
}
.pop_up_pic_b .owl-nav[class*=owl-] .owl-prev:hover {
    background-image: url(../img/icon_left02.png);
    height: 38px;
    width: 20px;
    /*left: 20px;*/
}

.pop_up_pic_b .owl-nav[class*=owl-] .owl-next {
    background-image: url(../img/icon_right02.png);
    height: 38px;
    width: 20px;
    right: -50px;

}
.pop_up_pic_b .owl-nav[class*=owl-] .owl-next:hover {
    background-image: url(../img/icon_right02.png);
    height: 38px;
    width: 20px;
    /*right: 20px;*/
}

}



@media screen and (max-width: 800px) {

.pro_d_img .owl-nav[class*=owl-] .owl-prev {
    background-image: url(../img/icon_left04.png);
    width: 53px;
    height: 11px;
    left: -50px;
}
.pro_d_img .owl-nav[class*=owl-] .owl-prev:hover {
    background-image: url(../img/icon_left04.png);
    width: 53px;
    height: 11px;
    /*left: 20px;*/
}

.pro_d_img .owl-nav[class*=owl-] .owl-next {
    background-image: url(../img/icon_right04.png);
    width: 53px;
    height: 11px;
    right: -50px;
}
.pro_d_img .owl-nav[class*=owl-] .owl-next:hover {
    background-image: url(../img/icon_right04.png);
    width: 53px;
    height: 11px;
    /*right: 20px;*/
}
}

@media screen and (max-width: 700px) {

.pop_up_pic_s li a {
    min-height: 70px;
}



}

@media screen and (max-width: 600px) {

.owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 5px 5px;
}



}

@media screen and (max-width: 500px) {

.pro_d_img .owl-nav[class*=owl-] .owl-prev {

    background-image: url(../img/icon_left02.png);
    height: 38px;
    width: 20px;
    left: 10px;
}
.pro_d_img .owl-nav[class*=owl-] .owl-prev:hover {
    background-image: url(../img/icon_left02.png);
    height: 38px;
    width: 20px;
    /*left: 20px;*/
}

.pro_d_img .owl-nav[class*=owl-] .owl-next {
    background-image: url(../img/icon_right02.png);
    height: 38px;
    width: 20px;
    right: 10px;

}
.pro_d_img .owl-nav[class*=owl-] .owl-next:hover {
    background-image: url(../img/icon_right02.png);
    height: 38px;
    width: 20px;
    /*right: 20px;*/
}


}