/*循環左右鍵頭*/
.swiper-button-ok .elementor-swiper-button,.swiper-button-ok .swiper-button-left,.swiper-button-ok .swiper-button-right{
    background-color: #fff;
    height: auto!important;
    width: var(--space-50)!important;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    @media (width < 1200px){
    
    }
}
.swiper-button-ok .elementor-swiper-button svg,.swiper-button-ok .swiper-button-left svg,.swiper-button-ok .swiper-button-right svg{
    height: var(--space-12)!important;
    width: var(--space-12)!important;
    fill:var( --e-global-color-primary )!important;
}
.swiper-button-ok .elementor-swiper-button:hover,.swiper-button-ok .swiper-button-left:hover,.swiper-button-ok .swiper-button-right:hover{
    background-color: var( --e-global-color-primary );
}
.swiper-button-ok .elementor-swiper-button:hover svg,.swiper-button-ok .swiper-button-left:hover svg,.swiper-button-ok .swiper-button-right:hover svg{
    fill:#fff!important;
}
.swiper-button-ok .elementor-swiper-button::after,.swiper-button-ok .dce-carousel-controls .swiper-button-left::after,.swiper-button-ok .dce-carousel-controls .swiper-button-right::after{
    content: " ";
    display: block;
    width: calc(100% + 11px);
    height: calc(100% + 11px);
    border-radius: 50%;
    border: 1px dotted var( --e-global-color-primary );
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    @media (width < 1200px){
    width: calc(100% + 9px);
    height: calc(100% + 9px);
    }
}

/*循環頁面熊熊點*/
.swiper-bullet-ok .swiper-pagination-bullet{
    opacity:1!important;
    background:var( --e-global-color-secondary )!important;
    width: var(--space-12)!important;
    height: var(--space-12)!important;
    transition: all 0.3s ease-out;
    margin: 0 var(--space-10)!important;
}
.swiper-bullet-ok .swiper-pagination-bullet:hover{
    background:var( --e-global-color-primary )!important;
}
.swiper-bullet-ok .swiper-pagination-bullet::after{
    content: " ";
    display: block;
    width: var(--space-18);
    aspect-ratio: 1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0.5);
    transition: all 0.18s ease-out;
}
.swiper-bullet-ok .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
    background-image: url(/wp-content/uploads/bear-point-icon.svg);
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.swiper-bullet-ok .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-bullet-ok .swiper-pagination-bullet{
    position: relative;
}
.swiper-bullet-ok .swiper-pagination-horizontal{
    bottom: calc(var(--space-10) * -1)!important;
}

/*頁數*/
.page-numbers-ok .elementor-pagination{
    margin-top: var(--space-45);
}
.page-numbers-ok .elementor-pagination .page-numbers:not(:last-child){
    margin-right: var(--space-30)!important;
}
.page-numbers-ok .page-numbers{color:var( --e-global-color-text )!important;}
.page-numbers-ok a.page-numbers:hover{color:var( --e-global-color-primary )!important;}
.page-numbers-ok .elementor-pagination .page-numbers.prev,.page-numbers-ok .elementor-pagination .page-numbers.next{
    background-color:#fff!important;
    border-radius: 100%;
    padding: calc(var(--space-15) - 3px) var(--space-20) calc(var(--space-15) - 1px) var(--space-20);
    @media (width < 1200px){
    padding: calc(var(--space-8) - 1px) var(--space-15) calc(var(--space-10) - 1px) var(--space-15);
    }
    @media (width < 767px){
    padding: calc(var(--space-8) - 3px) var(--space-15) calc(var(--space-10) - 1px) var(--space-15);
    }
    position: relative;
}
.page-numbers-ok .elementor-pagination .page-numbers.prev:hover,.page-numbers-ok .elementor-pagination .page-numbers.next:hover{
    background-color: var( --e-global-color-primary )!important;
}
.page-numbers-ok .elementor-pagination svg{
    width: var(--space-12)!important;
    height: var(--space-12)!important;
    fill:var( --e-global-color-primary )!important;
}
.page-numbers-ok .elementor-pagination .page-numbers:hover svg{
    fill:#fff!important;
}
.page-numbers-ok .elementor-pagination .page-numbers.prev::after,.page-numbers-ok .elementor-pagination .page-numbers.next::after{
    content: " ";
    display: block;
    width: calc(100% + 11px);
    height: calc(100% + 11px);
    border-radius: 50%;
    border: 1px dotted var( --e-global-color-primary );
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    @media (width < 1200px){
    width: calc(100% + 9px);
    height: calc(100% + 9px);
    }
}

/*麵包屑*/
.breadcrumbs-page .separator::after{
    content: " ";
    display: block;
    background-image: url(/wp-content/uploads/bear-point-icon.svg);
    width: 9px;
    aspect-ratio: 1 / 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 47%;
    top: 55%;
    transform: translateX(-50%) translateY(-50%);
}
.breadcrumbs-page .separator{
    padding: 0 3px 0 2px;
    position: relative;  
}

/*端點小LOGO*/
.s-point-logo .elementor-heading-title{
    display: flex;
    align-items: flex-start;
    gap: var(--space-8);
    @media (width < 1200px){
    gap: var(--space-12);
  }
}
.s-point-logo .elementor-heading-title::before{
    content: " ";
    display:block;
    width:var(--space-15);
    aspect-ratio: 15 / 13;
    background-image: url(/wp-content/uploads/HomePro-s_logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: translateY(8px);
    @media (width < 1200px){
    transform: translateY(10px);
  }
}

/*主要按鈕*/
.pbt a{
    border-radius: 99px!important;
    background-color: #fff!important;
    color:var( --e-global-color-primary )!important;
    position: relative;
    padding:var(--space-15) var(--space-40)!important;
}
.pbt a::before{
    content: " ";
    display: block;
    width: calc(100% + 9px);
    height: calc(100% + 10px);
    border-radius: 99px;
    border: 1px dashed var( --e-global-color-primary );
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    @media (width < 1200px){
    width: calc(100% + 8px);
    height: calc(100% + 9px);
    }
}
.pbt a:hover{
    background-color: var( --e-global-color-primary )!important;
    color:#fff!important;
}
.pbt a::after{
    opacity: 0;
    content: " ";
    display: block;
    position: absolute;
    right: var(--space-18);
    bottom: calc(var(--btn_font) + var(--space-15) + var(--space-15) - var(--space-8));
    transform: translateY(-3px);
    transition: all 0.24s ease-out;
}
.pbt a:hover::after{
    opacity: 1;
    width: var(--space-50);
    aspect-ratio: 106 / 77;
    background-image: url(/wp-content/uploads/bt-bear.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: translateY(0px);
    @media (width < 767px){
    width: var(--space-60);
  }
}

/*球形按鈕*/
.ball-bt a{
    border-radius: 99px!important;
    background-color: var( --e-global-color-797bfd8 )!important;
    color:var( --e-global-color-text )!important;
    position: relative;
    padding:var(--space-15) var(--space-40) var(--space-15) calc(var(--space-15) - 1px)!important;
    @media (width < 1540px){
    padding:var(--space-12) var(--space-24) var(--space-12) calc(var(--space-12) - 1px)!important;
  }
    @media (width < 480px){
    padding:var(--space-12) var(--space-18) var(--space-12) calc(var(--space-12) - 1px)!important;
  }
    overflow: hidden;
}
.ball-bt.fb a{
    padding:var(--space-15) var(--space-40) var(--space-15) calc(var(--space-20) - 1px)!important;
    @media (width < 1540px){
    padding:var(--space-12) var(--space-24) var(--space-12) calc(var(--space-15) + 1px)!important;
  }
    @media (width < 480px){
    padding:var(--space-12) var(--space-18) var(--space-12) calc(var(--space-20) - 2px)!important;
  }
}
.ball-bt svg{
    width: auto!important;
    height: var(--space-24)!important;
    @media (width < 1540px){
    height: calc(var(--space-24) - 3px)!important;
  }
    @media (width < 480px){
    height: var(--space-20)!important;
  }
}
.ball-bt .elementor-button-icon,.ball-bt .elementor-button-text{z-index:2;}
.ball-bt .elementor-button-content-wrapper{
    gap:var(--space-30)!important;
    @media (width < 1540px){
    gap:calc(var(--space-24) - 2px)!important;
  }
    @media (width < 1300px){
    gap:calc(var(--space-30) - 3px)!important;
  }
}
.ball-bt.fb .elementor-button-content-wrapper{
    gap:var(--space-35)!important;
    @media (width < 1300px){
    gap:calc(var(--space-35) - 3px)!important;
  }
}
.ball-bt .elementor-button-content-wrapper::after{
    content: " ";
    display: flex;
    background-color: var( --e-global-color-primary );
    position: absolute;
    height:100%;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    left:0px;
    transition: all 0.35s ease-out;
}
.ball-bt a:hover .elementor-button-content-wrapper::after{
    left:50px;
    transform: scale(5);
}
.ball-bt a:hover{
    color:#fff!important;
}

/*新聞分類樣式*/
.blog-cat .elementor-heading-title{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3px;
}
.blog-cat span,.blog-cat a{
    display: inline-block;
    background-color: #FFCB58;
    color: #fff!important;
    padding: 0px 6px 2px 6px;
    color: #fff;
    border-radius: 5px;
    @media (width < 1200px){
    padding: 0px 6px 1px 6px;
  }
}
.blog-cat a:hover{
    background-color: var( --e-global-color-primary );
}

/*lightbox*/
.dialog-type-lightbox .elementor-lightbox-item .swiper-zoom-container img{
    padding: var(--space-20);
    background-color: #fff;
    border-radius: var(--radius-15);
}

/*部落格特殊按鈕*/
.blog-content a.blogbtlink{
    padding: 3px var(--space-20) 4px var(--space-20);
    display: inline-block;
    background-color: var( --e-global-color-59ea082 );
    border-radius: 99px;
    color: var( --e-global-color-text )!important;
}
.blog-content a.blogbtlink:hover{
    background-color: var( --e-global-color-primary );
    color: #fff!important;
}


/*表格風格*/
table.wpDataTable{
    
}
.wpdt-c.wpDataTableContainerSimpleTable{
    border: 2px dotted var( --e-global-color-accent )!important;
    border-radius: var(--radius-12);
    overflow: hidden;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable{
    border: 2px solid #fff!important;
    border-radius: var(--radius-12);
}
tr.wpdt-cell-row {
    border-color: var( --e-global-color-accent )!important;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:first-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:first-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tr td:last-child, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable thead tr td:last-child,.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.even td.wpdt-cell, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody tr.odd td.wpdt-cell, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, .wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable tbody td{
    border: 1px dotted var( --e-global-color-accent )!important;
}
.wpdt-c.wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th, .wpdt-c .wpDataTableContainerSimpleTable .wpdtSimpleTable.wpDataTable th{
    font-weight: 500!important;
    background-color: var( --e-global-color-79f0eab )!important;
}
th.wpdt-cell,td.wpdt-cell,.tdok{
    padding: var(--space-15)!important;
}