/*卡片*/
.card-maskbg{
   -webkit-mask-image: url('/wp-content/uploads/block-mask-3.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    -webkit-mask-size: 150%;
    mask-image: url('/wp-content/uploads/block-mask-3.svg');
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: 150%;
}
.card-maskbg:hover,.openyt:hover{cursor: pointer;}
.card-maskbg img,.card-maskbg .posttitle .elementor-heading-title{transition: all 0.3s ease-out;}
.card-maskbg:hover .posttitle .elementor-heading-title{color:var( --e-global-color-primary )!important;}
.card-maskbg:hover img{filter: brightness( 115% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}
.card-maskbg .dce-button-wrapper,.openyt .dce-button-wrapper{display:none!important;}
.openyt:hover .elementor-heading-title,.openyt:hover path{color:var( --e-global-color-text )!important;fill: var( --e-global-color-text )!important;}

/*卡片迴旋顏色*/
:root{
    --swiper-button-by-size:13px;
    --swiper-button-by-padding:var(--space-27);
    --swiper-button-by-padding2:var(--space-24);
    --swiper-button-by-padding3:var(--space-20);
}
.color-slider .swiper-button-left,.color-slider .swiper-button-right{
    height: var(--swiper-button-by-size)!important;
    width: var(--swiper-button-by-size)!important;
    margin-top: calc(calc(var(--swiper-button-by-size) * 2) * -1)!important;
    background: #fff;
    padding: var(--swiper-button-by-padding);
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    transition: all 0.3s ease-out;
}
.color-slider .swiper-button-left svg,.color-slider .swiper-button-right svg{
    height: var(--swiper-button-by-size)!important;
    width: var(--swiper-button-by-size)!important;
    fill: var( --e-global-color-primary )!important;
}
.color-slider .swiper-button-left:hover svg,.color-slider .swiper-button-right:hover svg{
    fill: #fff!important;
}
.color-slider .swiper-button-left{
    left: calc(calc(calc(var(--swiper-button-by-padding) * 2) + var(--swiper-button-by-padding2)) * -1)!important;
}
.color-slider .swiper-button-right{
    right: calc(calc(calc(var(--swiper-button-by-padding) * 2) + var(--swiper-button-by-padding2)) * -1)!important;
}
.color-slider.near .swiper-button-left{
    left: calc(calc(calc(var(--swiper-button-by-padding) * 2) - var(--swiper-button-by-padding)) * -1)!important;
}
.color-slider.near .swiper-button-right{
    right: calc(calc(calc(var(--swiper-button-by-padding) * 2) - var(--swiper-button-by-padding)) * -1)!important;
}
.color-slider.btlight .swiper-button-left,.color-slider.btlight .swiper-button-right{
    background: var( --e-global-color-0a088be );
}
.color-slider .swiper-button-left:hover,.color-slider .swiper-button-right:hover{
    background: linear-gradient(to top, #62B8BF, #1C95CA);
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .color-slider .swiper-button-left,.color-slider .swiper-button-right{
        padding: var(--swiper-button-by-padding2);
    }
    .color-slider .swiper-button-left{
    left: calc(calc(calc(var(--swiper-button-by-padding2) * 1) + var(--space-12)) * -1)!important;
}
.color-slider .swiper-button-right{
    right: calc(calc(calc(var(--swiper-button-by-padding2) * 1) + var(--space-12)) * -1)!important;
}
}
@media screen and (max-width: 767px){
  .color-slider .swiper-button-left,.color-slider .swiper-button-right{
        padding: var(--swiper-button-by-padding3);
    }
    .color-slider .swiper-button-left{
    left: calc(calc(calc(var(--swiper-button-by-padding3) * 1) + var(--space-8)) * -1)!important;
}
.color-slider .swiper-button-right{
    right: calc(calc(calc(var(--swiper-button-by-padding3) * 1) + var(--space-8)) * -1)!important;
}
}

/*重複器*/
.color-slider .swiper-button-prev,.color-slider .swiper-button-next{
    height: var(--swiper-button-by-size)!important;
    width: var(--swiper-button-by-size)!important;
    margin-top: calc(calc(var(--swiper-button-by-size) * 2) * -1)!important;
    background: #fff;
    padding: var(--swiper-button-by-padding);
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
}
.color-slider .swiper-button-prev svg,.color-slider .swiper-button-next svg{
    height: var(--swiper-button-by-size)!important;
    width: var(--swiper-button-by-size)!important;
    fill: var( --e-global-color-primary )!important;
    overflow: unset!important;
    transform: scale(1)!important;
}
.color-slider .swiper-button-prev svg polyline,.color-slider .swiper-button-next svg polyline{
    transition: all 0s ease-out!important;
}
.color-slider .swiper-button-prev:hover svg,.color-slider .swiper-button-next:hover svg{
    fill: #fff!important;
}
.color-slider .swiper-button-prev{
    left: calc(calc(calc(var(--swiper-button-by-padding) * 2) + var(--swiper-button-by-padding2)) * -1)!important;
}
.color-slider .swiper-button-next{
    right: calc(calc(calc(var(--swiper-button-by-padding) * 2) + var(--swiper-button-by-padding2)) * -1)!important;
}
.color-slider.near .swiper-button-prev{
    left: calc(calc(calc(var(--swiper-button-by-padding) * 2) - var(--swiper-button-by-padding)) * -1)!important;
}
.color-slider.near .swiper-button-next{
    right: calc(calc(calc(var(--swiper-button-by-padding) * 2) - var(--swiper-button-by-padding)) * -1)!important;
}
.color-slider.btlight .swiper-button-prev,.color-slider.btlight .swiper-button-next{
    background: var( --e-global-color-0a088be );
}
.color-slider .swiper-button-prev:hover,.color-slider .swiper-button-next:hover{
    background: linear-gradient(to top, #62B8BF, #1C95CA);
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .color-slider .swiper-button-prev,.color-slider .swiper-button-next{
        padding: var(--swiper-button-by-padding2);
    }
    .color-slider .swiper-button-prev{
    left: calc(calc(calc(var(--swiper-button-by-padding2) * 1) + var(--space-12)) * -1)!important;
}
.color-slider .swiper-button-next{
    right: calc(calc(calc(var(--swiper-button-by-padding2) * 1) + var(--space-12)) * -1)!important;
}
}
@media screen and (max-width: 767px){
  .color-slider .swiper-button-prev,.color-slider .swiper-button-next{
        padding: var(--swiper-button-by-padding3);
    }
    .color-slider .swiper-button-prev{
    left: calc(calc(calc(var(--swiper-button-by-padding3) * 1) + var(--space-8)) * -1)!important;
}
.color-slider .swiper-button-next{
    right: calc(calc(calc(var(--swiper-button-by-padding3) * 1) + var(--space-8)) * -1)!important;
}
}

/*區塊頁數*/
.pagecss a{font-weight: 500!important;}