/*!
Theme Name: Twenty Twenty-Two Child
Theme URI: https://github.com/wordpress/twentytwentytwo/
Template: twentytwentytwo
Author: Joe Hsieh
Author URI: 
Description: A child theme for the 2022 Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: twentytwentytwo-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
:root{
        --global-md-spacing:0rem !important;
--stk-block-width-default-detected:100% !important;
}

:where(figure){
	margin:0;
}

a{
	text-decoration:none!important;
}

h1, h2, h3, h4, h5, h6 {
	background-color: transparent;
}
.stk-container:not(.stk--no-background) {
    background-color: transparent;
}

a.wp-block-navigation-item__content:link {
	text-decoration-line: none;
}

a.wp-block-navigation-item__content:hover {
	text-decoration-line: none !important;
	color: #FF9664 !important;
}

a.wp-block-navigation-item__label:hover {
	text-decoration-line: none !important;
	color: #FF9664 !important;
}

.wp-block-heading{
	background-color:transparent;
}

.wp-block-group {
	margin-bottom:0px!important;
	margin-top:0px!important;
}

.wp-block-template-part {
	margin-bottom:0px!important;
	margin-top:0px!important;
}

/* Need to add to the parent container element */
.fs-style-position {
	position: relative;
	z-index: 0;
}

/* Set the image to display for the item in the container */
.fs-style-img-position {
	position: absolute;
	z-index:-1;
	bottom: 0px;
	right: 0px;
}


.fs-wrapper input{
  display: none;
}
.body-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
.body-text div{
  font-size: 45px;
  font-weight: 600;
}
@media screen and (max-width:768px) {
	.fs-fund-count{
	font-size:16px!important;
	margin:0px 0px 8px 0px !important;
}
	
}


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

	.fs-2st-tab-nav{
		margin-left:auto;
		margin-right:auto;
	}

    	.fs-mkt-fundswap-advantage{
		width:260px!important
	}
    .fs-mkt-fundswap .stk-1bcd28f-column{
    display: grid!important;
    grid-template-columns: repeat(3, 1fr)!important;
    grid-auto-flow: column!important;
    overflow-x: scroll!important;
    -webkit-overflow-scrolling: touch!important; 
	} 


	.fs-mkt-fundswap .stk-589c11d-column{
      display: grid!important;
    grid-template-columns: repeat(3, 1fr)!important;
    grid-auto-flow: column!important;
    overflow-x: scroll!important;
    -webkit-overflow-scrolling: touch!important; 
	} 

	.fs-sec-nav-campaign .wp-block-navigation__responsive-dialog{
		margin-top:64px!important;
	}
	.fs-sec-nav-campaign .wp-block-navigation__responsive-dialog ul {
	width:100%!important;
	align-items:center!important;
}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
		display:none!important;
	}
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
	 display: flex;
	}
	.fs-nav-btn li {
		padding:8px!important;
		font-size:18px!important;
		font-weight:600!important;
	}
	.fs-nav-btn .wp-block-navigation__submenu-container li {
		font-weight:400!important;
		color:#666666!important;
	}
	.fs-nav-btn .wp-block-navigation__submenu-container  {
		padding-top:8px!important;
}

	.fs-nav-btn li {
		padding:8px!important;
		font-size:18px!important;
		font-weight:600!important;
	}
	.fs-nav-btn .wp-block-navigation__submenu-container li {
		font-weight:400!important;
		color:#666666!important;
	}
	.fs-nav-btn .wp-block-navigation__submenu-container  {
		padding-top:8px!important;
	}
	.wp-block-latest-posts__list li ,.wp-block-categories-list li{
	margin-top:8px!important;
	
}


}

@media screen and (max-width:600px) {
	
/*電支雞邀請碼*/
.pxfund-hero-title-coupon{
	font-size:7vw!important;
}
.pxfund-hero-bonus-text{
	font-size:16px!important;
}
	
/*電支雞tab*/
	.pxfund-tabs{
		width:100%!important;
	}	
	.pxfund-tab-links a {
    padding: 12px 20px!important;
	margin-right:12px!important;
	}	
	
/*文章專區樣式*/
#fs-article-cta{
	position: fixed;
	bottom: 0%!important;
    width:100%;
	margin-left:0px;
	padding-bottom:env(safe-area-inset-bottom)!important;
}	
	
/*安心投*/
.cta-safe-tag-new{
  top:-3px!important;
  left:10px;!important;
  font-size:12px!important;

}

.pxfund-safeintro-tab-nav a{
	font-size:18px!important;
}

.pxfund-safeintro-tab-nav .wp-block-button__link{
		padding:8px 16px!important;
}
	
.pxfund-safeintro-tab-nav{
gap:16px!important;		
	}
	
	
	
	.alignfull {
		width: 100%;
	}
	.fs-style-quote {
		width:100%!important;
		margin-bottom:24px!important;
	}
	.fs-style-summary {
		width:100%!important;
		margin:0!important;
	}
	
	.fs-single-post .wp-block-post-content {
	padding-right:0px!important;
}
	
	
	
/*電支雞跑馬燈特效*/
/* 跑馬燈動畫 */


.pxfund-marquee  {
padding-bottom:16px!important;
animation: double-marquee 60s linear infinite!important;
}

.pxfund-marquee p {
font-size:14px!important;
}
	
.pxfund-marquee i {
font-size:24px!important;
}	
	
.pxfund-user-feedback {
    padding: 18px 12px;
	margin:24px 16px 0px 0px!important;
}	

	
.pxfund-mkt-fundswap-advantage{
width:310px!important
}
	
	
/*pxfund-2ways-5steps*/	
.pxfund-2ways-5steps-image-container{
		z-index:10
	}	
	
.pxfund-2ways-5steps-button-container{
		z-index:100
	}
	
.pxfund-2ways-5steps-button-container:first-child{
margin-right:-24px;
color:#333333!important;
}

.pxfund-2ways-5steps-button-container:last-child{
margin-left:-24px;
color:#333333!important;		
}	
	
.pxfund-2ways-5steps-image-container img {
  width: 250px!important;
  user-select: none;
}	

/*pxfund-2ways-6steps*/	
.pxfund-2ways-5steps-image-container{
		z-index:10
	}	
	
.pxfund-2ways-6steps-button-container{
		z-index:100
	}
	
.pxfund-2ways-6steps-button-container:first-child{
margin-right:-24px		
}

.pxfund-2ways-6steps-button-container:last-child{
margin-left:-24px		
}	
	
.pxfund-2ways-6steps-image-container img {
  width: 250px!important;
  user-select: none;
}		
	
	
.payfund-tab-nav{
		gap:0px!important;
	}
	
.pxfund-1st-tab-nav{
	width:100%!important;
	border-radius:0px!important;
    padding:0px 0px!important;
}

.pxfund-1st-tab-nav-btn{
	font-weight:700;
	font-size:18px!important;
	text-align:center;
	margin-bottom:-2px!important;
	width:100%;
}

	.fs-mkt-fundswap-advantage{
		width:260px!important
	}
	.fs-mkt-fundswap .stk-589c11d-column{
      display: grid!important;
    grid-template-columns: repeat(3, 1fr)!important;
    grid-auto-flow: column!important;
    overflow-x: scroll!important;
    -webkit-overflow-scrolling: touch!important; 
	}


/*全支付*/

	.payfund-3step-image-container{
		z-index:10
	}	
	
	.payfund-3step-button-container{
		z-index:100
	}
	
.payfund-3step-button-container:first-child{
margin-right:-40px		
}

.payfund-3step-button-container:last-child{
margin-left:-40px		
}	
	
.payfund-3step-image-container img {
  width: 290px!important;
  user-select: none;
}

.payfund-4step-image-container img {
  width: 272px!important;
  user-select: none;
}


.pxpay-fixed-block button:first-child{
  margin-bottom: 0px!important;
  margin-right:8px!important;
  
}

.pxpay-fixed-block {
    position: fixed;
    bottom: 0!important;
    left: 8px;
    right:8px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 8px 8px;
    width: calc(100% - 16px)!important;
    margin-bottom:8px!important;

  }

  .pxpay-fixed-block button {
    margin-bottom: 0;
	white-space:nowrap;  
	font-size:16px!important;  
  }

	.pxpay-btn-promotion{
		padding:8px 16px!important;
        width:120px!important;
	}	
	
	.pxpay-btn-activate{
		padding:8px!important;
        width:100%!important;
	}

	.pxpay-fixed-block a:last-child{
		width:100%!important;
	}
  .pxpay-btn-activate-mobile {
  display: inline-block!important;
}
   .pxpay-btn-activate-desktop {
  display: none!important;
}

	#countholder{
 color: #fff;
 display: inline-block;
 font-weight: 700;
 text-align: center;
 font-size: 24px!important;
 padding:20px;
 border-radius: 6px;
 margin-bottom:30px;
 line-height: 1.4;
}
 
 
#countholder > div{
 padding: 4px 10px;
 border-radius: 3px;
 background: #3D3C57;
 display: inline-block;
 min-width:32px!important;
}
	

	
	.fs-header-logo img{
		width:102px !important;
		height:26px !important;
		padding:4px 0px!important;
	}
	
	.fs-btn-main-function :hover{
		border-color:#ebebeb !important;
	}
	
	

	.fs-2st-tab-nav-btn a{
		padding:8px 18px!important;
		font-size:16px!important;
	}
	
	.fs-2st-tab-nav{
		margin-left:auto;
		margin-right:auto;
	}
	
	.fs-1st-tab-nav{
		margin-left:auto;
		margin-right:auto;
	}
	.fs-1st-tab-nav-btn a{
		padding:4px 14px!important;
		
	}
	
	.fs-scroll-content ul li {
  	line-height:40px;
  margin:0;
  font-weight:700;
  font-size:18px!important;
  color:#ff9664;
}
	

	
	.fs-style-img-position, .fs-style-header-top-html {
		display:none;
	}
	.fs-hero-content {
		padding-left:0!important;
	}
	.fs-hero-content .wp-block-button__link,
	.fs-hero-content .wp-block-button  
	{
		width:100%!important;
		font-size:24px!important;
		font-weight:600!important;
		padding:0px auto 0px auto !important;
	}
	.fs-hero-content h1{
		font-size:18px!important;
	}
	.fs-post-img-cv {
		width:100%!important;
	}
	
	.fs-style-header{
		padding:4px 16px!important;
	}
	
	.fs-hero{
		padding-top:64px!important;
	}
	.fs-hero span{
		opacity:1!important;
	}
	
	.fs-style-post-body{
	padding-top:84px!important
}
	.fs-single-post h1{
		font-size:32px!important;
	}
	
	.fs-nav-btn li {
		padding:8px!important;
		font-size:18px!important;
		font-weight:600!important;
	}
	.fs-nav-btn .wp-block-navigation__submenu-container li {
		font-weight:400!important;
		color:#666666!important;
	}
	.fs-nav-btn .wp-block-navigation__submenu-container  {
		padding-top:8px!important;
	}
	.wp-block-latest-posts__list li ,.wp-block-categories-list li{
	margin-top:8px!important;
	
}

	

}

@media screen and (max-width:860px){
		.fs-post-img-cv {
		width:100%!important;	
	}
	/*電支雞tab*/
	.pxfund-tabs{
		width:100%!important;
	}	
	.pxfund-tab-links a {
    padding: 12px 20px!important;
	margin-right:12px!important;
	}
}




.fs-style-float-columns {
	display:flex;
	flex-direction: row-reverse;
}

.stk-block-columns.fs-style-stk-flex-columns {
	display: flex;
	flex-direction: row-reverse;
}

.fs-style-header-top-html {
	font-size: 0.75rem;
	vertical-align: baseline;
	align-content: start;
	padding:0!important;
	width: 100%!important;
}


.fs-style-header-sticky {
	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
	z-index: 99;
	background-color: white;
	padding:24px;
}

.fs-style-group-with-image {
	display:block;
	background-image: url("https://wordpress-684372-2622892.cloudwaysapps.com/wp-content/uploads/2022/05/ic_campaign_title_dividend_20220414-1024x441.png");
	background-size: 150px;
  	width: 300px;
  	height: 300px;
  	border: 2px solid;
	z-index: -1;
}

.fs-style-columns-fixed {
	display: table;
	width: 100%;
}

.fs-style-column-fixed {
	display: table-cell;
  	padding: 16px;
}

/*
.fs-style-float-columns:after {
  content: "";
  display: flex;
  clear: both;
}

.fs-style-float-column {

}
*/

.fs-style-quote {
/* 引言 */
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 24px;
border-left: 16px solid #FFF3EE;

position: static;
width: 736px;
height: 188px;
left: 16px;
top: 1404px;

/* 背景-gray/bg-2級-gray-100 */
background: #FFFFFF;

/* Inside auto layout */
flex: none;
order: 10;
align-self: stretch;
flex-grow: 0;
margin: 8px 0px;
}

.fs-style-heading{
/* h2 heading */
/* Auto layout */
display: inline-block !important;
/* flex-direction: row;
align-items: flex-start;*/
padding: 10px;
margin: 0px;
border-left: 12px solid #FF9664!important;
vertical-align:middle!important;
	
/* position: static; */
/* width: 164px; */
/* height: 50px;*/
left: 12px;
top: 0px;

/* Bold 700/H2 */
font-family: 'Noto Sans TC';
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 30px;
/* identical to box height, or 125% */
color: #FFFFFF;

/* Gray/700 - Main */
background: #333;

}

.fs-style-summary {
        padding: 42px 24px;
  margin: 24px 98px;
/* Body/medium */
font-family: 'Noto Sans TC';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
/* or 143% */
/* 文字/text-1級-gray-800 */
color: #333333;

}

.fs-style-list-notes {
        padding: 24px;
        /* 背景-gray/bg-1級-gray-200 */
background: #F5F5F5;
border-radius: 8px;
margin-bottom:24px!important;

}



.fs-style-list-notes li::marker{
        content: "註 " counter(list-item) " : ";
}

.fs-style-list-notes li{
	margin-left:24px!important;
}

.fs-style-calltoaction-smaill{
        padding:24px;
		border-radius:8px!important;
		background-color:#f5f5f5!important;
}
.fs-style-call-to-action-large a{
	padding:8px!important;
	
}
.fs-style-call-to-action-large {
/* 品牌色/Primary-500-normal */
background: #FFFFFF;
border:2px solid #F5F5F5;
border-radius: 8px;	
	
/* Inside auto layout */
padding: 24px;

}

.fs-style-call-to-action-large div {
	margin:0px!important;
	justify-content:left!important;
}

.fs-style-toc {
        /* 背景-gray/bg-1級-gray-200 */
background: #F5F5F5;
padding: 24px;
/* 文字/text-4級-gray-300 */
border: 1px solid #EBEBEB;
box-sizing: border-box;
border-radius: 8px;
}

.fs-style-archive-block-category > a:link, .fs-style-archive-block-category > a:visited {
        display: inline-block;
        border-radius: 4px;
        background-color: #FF9664;
        color:#F5F5F5;
        height: 28px;
        left: 0px;
        top: 0px;
        text-decoration: none;
        padding: 4px 8px;
}

.fs-style-archive-block-category {
        display: inline;
        background: #FFFFFF;
}

.wp-block-post-excerpt__more-link {
        display: inline-block;
    text-decoration: none;
}

.fs-style-archive-columns {
        padding-left:16px;
        padding-top: 16px;
        margin: 16px;
        background: #FFFFFF;
}

.fs-style-block-container {
        margin: 16px 0px;
        padding: 16px;
        background: #FFFFFF;
}
/* override the theme setting here */
.wp-block-search__button {
        background: #FF9664!important;
        color: white!important;
  border-radius: 4px;
}

.fs-style-header-top-html{
	width:100%!important;
}


.content-maxwidth{
	max-width:1440px!important;
}

a:-webkit-any-link{
	text-decoration:none!important;
}

/* 文章專區樣式 */

#fs-article-cta{
	position: fixed;
	bottom:0;
	z-index:999!important;
	margin-left:16px;
	
	
}

.wp-block-tag-cloud a{
	background-color: #f3f3f3!important;
    border-radius: 2px;
    color: #666 !important;
    display: inline-block !important;
    font-size: 14px !important;
    height: 28px;
    line-height: 29px;
    margin: 0 2px 5px 0;
    padding: 0 8px 0 8px;
    position: relative;
    text-transform: uppercase;
	font-weight:500!important;
}

.tag-cloud-link{
	text-decoration:none!important;
}
       
a, a:link, a:visited, a:focus, a:hover, a:active{
  text-decoration:none!important; 
}

:-webkit-any-link {
	text-decoration:none!important; 
	
}

.wp-block-jetpack-slideshow_container .swiper-container .swiper-container-initialized .swiper-container-horizontal .swiper-container-pointer-events .wp-swiper-initialized .wp-block-jetpack-slideshow_autoplay-paused
{
	cursor:pointer!important;

}

.wp-block-jetpack-slideshow_button-pause{
	display:none!important;
	
}

.fs-style-sidebar-categorieslist {
	margin-top:0px!important;
}

/* 文章內容樣式 */

.wp-block-categories-list {
	padding-inline-start:0px;	
	list-style-type:none!important;
}

.wp-block-latest-posts__list{
	list-style-type:disc!important;
	padding-left:24px!important;
	
}

.taxonomy-category .wp-block-post-terms__separator {
	display:none;
	
}

.wp-block-post h2 {
	margin-block-start:12px;
	
}
.wp-block-post h2 a{
	color:#333333!important;
}

.wp-block-post h2 a:hover{
	color:#ff9664!important;
}

.wp-block-columns {
	margin-block-start:8px!important;
}

.wp-block-post-excerpt {
	margin-block-start:8px!important;
}

.wp-block-post-excerpt__excerpt {
    margin-block-start:0px;
	margin-block-end:0px;
}

.wp-block-post-excerpt p {
    margin-block-start: 4px;
    margin-block-end: 4px;
	
}

.post-datetime a{
	color:#333333!important;
	font-weight:700!important;
	margin-block-start:8px!important;
}

.post-datetime{
	margin-block-start:8px!important;
}

.wp-block-search__inside-wrapper {
	max-height:60px!important;
}

.wp-block-search__button{
	padding:4px 8px 4px 8px!important;
	width:60px;
}

.wp-block-navigation__responsive-container-content a:focus{
	color:#ff9664!important;
	
}

.wp-block-post-featured-image{
	margin-top:0px!important;
}



.wp-block-post-terms__separator{
	display:none!important;
}

.fs-style-tag a{
	background-color:#f3f3f3;
	border-radius:4px;
	margin:4px;
	padding:2px 8px;
	color:#666;
	display:inline-block;
}

.fs-style-category a{
	background-color:#FFF3EE;
	color:#ff9664;
	border-radius:4px;
	margin-right:4px;
	padding:2px 8px;
}





.fs-style-calltoaction-smaill {
	background-color:#fff3ee;
	padding:24px!important;
}

.fs-single-post .wp-block-spacer {
	height:16px!important;
	margin-top:0;
}

.fs-single-post p {
	margin:0px 0px 16px 0px!important;
}

.fs-single-post .wp-block-button__link {
	border-radius:4px!important;
	font-weight:600;
}

.fs-style-post-body{
	padding-top:84px!important
}




/* header樣式 */

.fs-tab-active {
	background-color:#ff9664!important;
	color:#fff!important;
}

.current-menu-item{
	color:#ff9664!important;
	font-weight:600!important;
}

.fs-nav-login {
	background-color:#ff9664!important;
	color:#fff!important;
	font-weight:600;
	border-radius:8px;
	padding:8px 16px!important;
	margin-left:4px;
}

.fs-nav-login a:hover{
	color:#fff!important;
}

.fs---style-header{
	z-index:999;
	margin:0px!important;
	width:100%!important;
	top:0;
}
header{
	width:100%;
	top:0;
	position:sticky!important;
	z-index:999;
}

.tabs-nav-btn a {
	padding:8px 16px!important;
}





/* 全站header 與 body 的間距 */
.wp-site-blocks > * + * {
	margin-block-start:0px!important;
}

/* 搜尋框滾動動畫*/

.fs-scroll-visible {
  font-weight:700;
  overflow:hidden;
  height:40px;
  padding:0px;
}

.fs-scroll-content p {
  display:inline;
  float:left;
  margin:0;
}

.fs-scroll-content ul {
  margin-top:0;
  padding-left:0px;
  text-align:left;
  list-style:none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 14s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 14s;
  animation-iteration-count: infinite;
}

.fs-scroll-content ul li {
  line-height:40px;
  margin:0;
  font-weight:700;
  font-size:24px;
  color:#ff9664;
  z-index:999;
}

@-webkit-keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

@-webkit-keyframes change {
  0%, 12%, 100% {transform:translateY(0);}
  17%,29% {transform:translateY(-20%);}
  34%,46% {transform:translateY(-40%);}
  51%,63% {transform:translateY(-60%);}
  68%,80% {transform:translateY(-80%);}
  85%,97% {transform:translateY(-20%);}
}

@keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

@keyframes change {
  0%, 12%, 100% {transform:translateY(0);}
  17%,29% {transform:translateY(-20%);}
  34%,46% {transform:translateY(-40%);}
  51%,63% {transform:translateY(-60%);}
  68%,80% {transform:translateY(-80%);}
  85%,97% {transform:translateY(-20%);}
}

/*pxfund 2st tab*/

.pxfund-2st-tab-nav{
	padding:0px 24px;
	margin:auto;
	border-radius:8px;
}

.pxfund-2st-tab-nav-btn{
	font-weight:700!important;
	font-size:16px !important;
	text-align:center;
	padding:4px 0px 4px 0px;
	border-radius:4px!important;
	
}


.pxfund-2st-tab-btn-active{
	font-weight:700!important;
	font-size:18px!important;
	text-align:center!important;
	color:#FFB005 !important;
	border:1px solid #FFB005!important;
	background-color:#fff5e0 !important;
}



/*pxfund 1st tab*/

.pxfund-1st-tab-nav{
	padding:0px 24px;
	width:402px;
	background-color:#fff;
	margin:auto;
	border-radius:8px;
}

.pxfund-1st-tab-nav-btn{
	font-weight:700;
	font-size:18px!important;
	text-align:center;
	margin-bottom:-2px!important;
	width:100%;
	
    

}
.pxfund-1st-tab-nav-btn a{
	background-color:transparent!important;
	width:100%;
}

.pxfund-1st-tab-btn-active{
	font-weight:700!important;
	font-size:18px!important;
	text-align:center!important;
	border-bottom:4px solid #004792!important;
	color:#004792!important;
}

/*pxfund3 專屬客製化table樣式 2025/01/22更新*/
.px3FundTable {
	padding: 16px 16px;
	border-radius: 8px;
	background-color: #FFFFFF ;
}

/* 1st tab*/

.fs-1st-tab-nav{
	padding:0px !important;
}

.fs-1st-tab-nav-btn{
	font-weight:700;
	font-size:18px!important;
	text-align:center;
	padding:4px 0px 4px 0px;
    

}
.fs-1st-tab-nav-btn a{
	background-color:transparent!important;
}

.fs-1st-tab-btn-active{
	font-weight:700!important;
	font-size:18px!important;
	text-align:center!important;
	border-bottom:4px solid #ff9664!important;
}

/* 2st tab*/


.fs-2st-tab-nav-btn{
	font-weight:700!important;
	font-size:16px !important;
	text-align:center;
	padding:4px 0px 4px 0px;
	
}


.fs-2st-tab-btn-active{
	font-weight:700!important;
	font-size:18px!important;
	text-align:center!important;
	color:#ff9664 !important;
	border:1px solid #ff9664!important;
	background-color:#fff3ee !important;
}
	


/* 首頁樣式*/


.fs-btn-searchbar{
	cursor:pointer!important;
}




.swiper {
	border-radius:8px!important;
}

html {
  scroll-behavior: smooth;
}

.fs-home-down-btn{
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}




/* recaptcha*/
.grecaptcha-badge{
	z-index:999!important;
}
.grecaptcha-logo .rc-anchor-invisible .rc-anchor-normal-footer .rc-anchor-pt{
	width:170px!important;
	text-align:left!important;
}

.rc-anchor-logo-large{
	margin:auto!important;
}


/*活動注意事項*/
.fs-campaign-notice ol{
	padding-left:16px!important;
}

/* 手機漢堡選單內容樣式*/
.wp-block-navigation.items-justified-center {
    --navigation-layout-justification-setting: left;
}

.fs_fund_top_list{
	margin-top:0px!important;
}

.swiper-pagination{
	justify-content:center!important;
}
/*活動頁 第二層導覽選單*/
.fs-sec-nav-campaign .wp-block-navigation__responsive-close{
	max-width:100%!important;
}

.fs-sec-nav-campaign-outline{
  position: fixed;
  top: 72px;
  z-index:99998;
  width:100%!important;
  
}
.fs-first-nav-campaign-outline{
	  position: fixed;
  top: 0px;
  z-index:99999;
  width:100%!important;
}

.fs-sec-nav-campaign ul li a:hover {
	color:#fff!important
}
/* 條款 ol*/
.policy-ol{
	padding-left:20px;
}

.policy-ol-chinese{
	list-style-type:cjk-ideographic;
}


/*payfund faq tab */
.payfund-faq-tab-btn-active{
	background-color:#FFF3EE!important;
	border:1px solid #FF9664!important;
	border-radius:4px!important;
	color:#ff9664 !important;
	font-weight:600;
}
.payfund-faq-tab-nav{
  display: flex;
  overflow-x: auto; /* 啟用水平滾動 */
  -webkit-overflow-scrolling: touch; /* 用於提高iOS滾動效果 */
  scroll-snap-type: x mandatory; /* 滾動時每個tab項目都會停在網格位置 */
  scroll-behavior: smooth; /* 讓滾動更流暢 */
  white-space: nowrap; /* 避免tab項目換行 */
  margin-bottom:24px!important;
  scrollbar-width: none;
  background-color:#fff;
  margin-top:0px!important;	
}

/*全支付活動頁固定按鈕*/

#pxpay-fixed-block{
	visibility:hidden;
}

.pxpay-btn-activate-mobile {
  display: none;
}

.pxpay-fixed-block {
	position: fixed;
	bottom: 25%;
	right: 16px;
	width: 54px;
	background-color: #fff;
	border-radius: 48px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding:8px;
	box-sizing: border-box;
	z-index:999;
}

.pxpay-fixed-block button {
	display: block;
	border: 1px solid #ebebeb;
	font-size: 20px;
	color: #1e1e1e;
	border-radius: 48px;
    font-weight:700;
    padding: 16px 8px 16px 6px;
	z-index:999;
	cursor:pointer;
    
}

.pxpay-fixed-block button:first-child{
  margin-bottom: 8px;
}

.pxpay-btn-promotion {
	background-color: #fff;
}

.pxpay-btn-activate {
	background-color: #000;
	color: #fff!important;
}

.payfund-tab-nav{
	gap:16px;
}

.payfund-tab-nav-btn a {

}

.payfund-tab-nav-btn-active {
   
   color:#666666!important;
   border-top:1px solid #cccccc!important;
	border-left:1px solid #cccccc!important;
	border-right:1px solid #cccccc!important;
	border-bottom:1px solid #FFD100!important;
   background-color:#FFD100!important;
}

.payfund-tab-nav-safe{
	gap:16px;
}

.payfund-tab-nav-safe-btn a {

}

.payfund-tab-nav-safe-btn-active {
   
   color:#666666!important;
   border-top:1px solid #cccccc!important;
	border-left:1px solid #cccccc!important;
	border-right:1px solid #cccccc!important;
	border-bottom:1px solid #FFD100!important;
   background-color:#FFD100!important;
}

.pxfund-tab-fundtype{
	width:840px;
}
.pxfund-tab-fundtype button{
	padding:16px 48px;
}
	
/*電支雞3步驟*/
.payfund-3step-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.payfund-3step-image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.payfund-3step-image-container img {
  width: 400px;
  user-select: none;
}

#payfund-3step-step-description {
  color: #333333;
  font-size:20px;
  font-weight:700;	
}

.payfund-3step-button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payfund-3step-button-container button {
  border: none;
  background-color: transparent;
  font-size:24px;
  cursor: pointer;
}
.payfund-3step-button-container button:disabled {
  visibility: hidden;
}

#payfund-3step-bonus-description {
  background-color: #FFF9E0;
  color: #333333;
  font-size: 14px;
  text-align: center;
  padding: 8px;	
  display:none;
  width:300px;	
  margin:auto;	
}

.bonus-text {
  font-weight: bold;
}

.bonus-text img {
	width:24px!important;
}


/*電支雞4步驟*/
.payfund-4step-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.payfund-4step-image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.payfund-4step-image-container img {
  width: 400px;
  user-select: none;
}

#payfund-4step-step-description {
  color: #333333;
  font-size:20px;
  font-weight:700;	
}

.payfund-4step-button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.payfund-4step-button-container button {

  border: none;
  background-color: transparent;
  font-size:24px;
  cursor: pointer;
}
.payfund-4step-button-container button:disabled {
  visibility: hidden;
}

.pxfund-accordion-noshadow{
box-shadow:none!important;
}

/*pxfund-2ways-5steps*/
.pxfund-2ways-5steps-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.pxfund-2ways-5steps-image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pxfund-2ways-5steps-image-container img {
  width: 360px;
  user-select: none;
}

#pxfund-2ways-5steps-title-step{
  font-size:24px;
  font-weight:700;
  color:#000
}

#pxfund-2ways-5steps-title{
  font-size:24px;
  font-weight:700;
  color:#E95620;
  margin-top:8px;
}

#pxfund-2ways-5steps-description {
  color: #666666;
  font-size:16px;
  font-weight:400;
  text-align:center;
  height:48px;
  margin-top:4px;
  margin-bottom:8px;	
}

.pxfund-2ways-5steps-button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pxfund-2ways-5steps-button-container button {
  border: none;
  background-color: transparent;
  font-size:24px;
  cursor: pointer;
}
.pxfund-2ways-5steps-button-container button:disabled {
  visibility: hidden;
}

/*pxfund-2ways-6steps*/
.pxfund-2ways-6steps-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.pxfund-2ways-6steps-image-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pxfund-2ways-6steps-image-container img {
  width: 360px;
  user-select: none;
}

#pxfund-2ways-6steps-title-step{
  font-size:24px;
  font-weight:700;
  color:#000
}

#pxfund-2ways-6steps-title{
  font-size:24px;
  font-weight:700;
  color:#E95620;
  margin-top:8px;
}

#pxfund-2ways-6steps-description {
  color: #666666;
  font-size:16px;
  font-weight:400;
  text-align:center;
  height:48px;
  margin-top:4px;
  margin-bottom:8px;	
}

.pxfund-2ways-6steps-button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pxfund-2ways-6steps-button-container button {
  border: none;
  background-color: transparent;
  font-size:24px;
  cursor: pointer;
}
.pxfund-2ways-6steps-button-container button:disabled {
  visibility: hidden;
}
/*全支付活動頁任務卡*/
#pxfund-mission-online{
	display:block;
}

#pxfund-mission-offline{
	display:none;
}

/*全支付聽聽用戶怎麼說 跑馬燈*/
.pxfund-marquee {
	white-space: nowrap;
		height:54px;
	padding-bottom:36px;
}

.pxfund-user-feedback {
    background-color: #f5f5f5;
    padding: 12px 16px;
    margin: 24px 24px 0px 0px;
    border-radius: 8px;
    display: inline-block;
    vertical-align: top; /* 設定垂直對齊為頂部 */
    line-height:24px;
    border: 1px solid #ebebeb;
    color:#333333;
    font-weight:500;


}

.pxfund-marquee p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding-left: 8px;
    white-space: nowrap; /* 允許文字換行 */
	font-size:16px;
}

.pxfund-marquee i {
    font-size: 36px;
    vertical-align: middle;
    color:#ffd100;
}

/* 跑馬燈動畫 */
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes double-marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-500%); /* 手機上更快的動畫 */
    }
}

.pxfund-marquee  {
    animation: marquee 40s linear infinite;
}

/*pxfund3 h1 輪廓特效*/
.pxfund-h1 {
        position: relative;
        font-size: 50px;
        font-weight: 700;
        color: white; /* 字體顏色 */
      }
.pxfund-h1::before {
        content: attr(data-storke);
        position: absolute;
        z-index: 1;
        -webkit-text-stroke: 1px black;
        text-stroke: 1px black;
      }

/*首頁輪播圖*/


.fs-slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  max-width: 1440px;
}

.fs-slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.fs-slide {
  flex: 0 0 100%;
}

.fs-slide-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius:8px;
}

.fs-slider-dots-container {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.fs-slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d9d9d9;
  margin: 0 5px;
  cursor: pointer;
}

.fs-slider-dot-active {
  background-color: #ff9664;
}

/*gutenslider*/
#gutenslider-g1cvolfdy .swiper-pagination-bullet-active{
	background:#ff9664!important;
	opacity:1!important;
}   
.swiper-pagination-bullet{
	background:#dbdbdb!important;
	opacity:1!important;
}

/*pxfund-3 置頂優惠*/
#pxfund-top-bar {
    background-color: black;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 4px 16px;
    text-align: center;
    display: none;
    align-items: center; 
    justify-content: space-between;
	z-index:66;
}

#pxfund-top-bar-content {
    display: flex;
    align-items: center; 
    justify-content: space-between;
    width: 100%; 
}

.pxfund-top-bar-message {
    font-size: 16px;
	font-weight:700;
	align-items: center;
	display:flex;
}

#pxfund-top-bar-close-button {
    cursor: pointer;
    font-size: 20px;
}

.pxfund-wiggle {
  animation: 1s wiggle ease infinite;
  font-size:24px;
  margin-right:8px;	
}

@keyframes wiggle {
  0% {
    transform: rotate(-3deg);
  }
  20% {
    transform: rotate(20deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(5deg);
  }
  90% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0);
  }
}

.fs-fund-count{
	font-size:18px;
	font-weight:500;
	margin:0px 0px 8px 24px;
}

.fs-fund-count a{
	color:#666!important;
}

/*pxfund-3 2024優惠 複製優惠碼*/
.pxfund-coupon-code {
  border: 1px solid #f5f5f5;
  display: flex;
  width: 320px!important;
  height: 64px;
  padding: 0px var(--spacing-xs, 8px) 0px 24px;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  background: var(--bg-gray-2, #FFF);
  font-size: 24px;
  font-weight: 700;
  color:#000;
  white-space:nowrap;

}

.pxfund-coupon-code button {
  font-size: 24px;
  font-weight: 700;
  border-radius: 100px;
  border: none;
  padding: 8px 16px;
  background-color: #ffBC29;
  cursor:pointer;
  color:#000!important;
}

.pxfund-hideInput {
  display: none;
}


/*pxfund-3 2024優惠 隱藏顯示區塊*/


/*pxfund-3 2024優惠 讀取狀態*/
.pxfund-loading-spinner {
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}

/*pxfund-3 2024優惠 效能優化*/

.pxfund-hero-title-coupon{
	font-size:36px;
	font-family:system-ui;
	font-weight:900;
	color:#fff;
	margin:0px 0px 16px 0px;
    text-shadow: 1px 0 black, 0 1px black, -1px 0 black, 0 -1px black;
	text-align:center;


	
}
.pxfund-hero-bonus-text{
	font-size:18px;
	color:#999;
	margin:0px 0px 0px 0px;
}



/*#pxfund-top-bar,#pxfund-faq-notice-coupon{
	display:none;
}*/

/*安心投*/

.pxfund-mmf-bigtab .stk-block-tab-labels__text{
	text-align:center!important;
}

.pxfund-safeintro-tab-btn-active{
	background-color:#fff5e0!important;
	border:2px solid #ffb005!important;
	border-radius:4px!important;
	color:#ffb005 !important;
}

.pxfund-safeintro-tab-nav a{
	font-size:24px;
}

.pxfund-safe-fundintro-more .stk--inner-svg{
	animation: safe-wiggle 750ms infinite;
  animation-timing-function: linear;   
	
}

@keyframes safe-wiggle {
  0% { transform: translate(3px, 0); }
  50% { transform: translate(-3px, 0); }
  100% { transform: translate(3px, 0); }
}

.cta-safe-tag-new{
  background-color:red;
  color:#fff;
  position:absolute;
  top:0px;
  left:6px;
  padding:0px 6px;
  font-size:14px;
  font-weight:500;
  border-radius:4px;
}


/* 選項卡連結的基本樣式 */

.pxfund-tab-links{
	height:64px;
	margin-bottom:24px;
	flex-wrap:nowrap!important;
}

.pxfund-tab-links a {
    padding: 16px 100px;
    margin-right: 16px;
    background-color: #f5f5f5;
    text-decoration: none;
    color: #666;
    font-size: 18px;
	font-weight:700;
    border-radius: 8px;
    cursor: pointer;
	display:inline-block;
	flex-wrap:nowrap;
}

.pxfund-tab-links i{
	font-size:24px;
	margin-right:8px;

}

.pxfund-sub-tab-link {
    padding: 8px 9px 4px 9px; 
    margin-right: 2px;
    text-decoration: none;
    color: #999;
    font-size: 15px;
	font-weight:700;
    border-radius: 4px 4px 0px 0px;
    cursor: pointer;
	height:48px;
	display:inline-block;
	line-height:130%;
	vertical-align: middle;
}

/* 選項卡內容的基本樣式 */
.pxfund-tabs{
	width:840px;
	margin:auto;
}

.pxfund-tab-content{
    display: none;

    margin-bottom: -1px;
}
 .pxfund-sub-tab-content {
    display: none;

}

/* 當選項卡被選中時的樣式 */
.pxfund-tab-selected {
    color: #ffb005!important;
    border:2px solid  #ffb005!important;
	background-color: #fff5e0!important;
}

.pxfund-tab-sub-selected {
    color: #666!important;
	background-color: #ffd100!important;
    border-top:1px solid  #ccc!important;
	border-left:1px solid  #ccc!important;
	border-right:1px solid  #ccc!important;
	border-bottom:1px solid  #ffd100!important;

}

/*文章區基金列表*/
.text-red-500 {
      color: #FA3130;
    }

    .text-green-500 {
      color: #2BAB52
    }

    .text-gray-500 {
      color: #CCCCCC
    }

    .text-gray-800 {
      color: #333333
    }

    .text-sm {
      font-size: 14px;
	  white-space:nowrap;	
    }

    #fundTable {
      overflow-x: scroll;
    }

    .fundTableStyle {
      font-size: 16px;
      border-collapse: collapse;
    }

    .fundTableStyle td {
      padding: 14px;
      text-align: right;
    }

    .fundTableStyle th {
      padding-bottom: 8px;
	  white-space:nowrap;
	  min-width:60px;
    }

    .fundTableStyle td:first-child {
      padding-left: 0px;
      text-align: left;
      min-width: 200px;
      word-wrap: break-word;
    }

    .fundTableStyle td:last-child {
      padding-right: 0px;
    }

    .fundBtnStyle {
      font-weight: 500;
      width: auto;
      color: white;
      background-color: #FF9664;
      border-radius: 0.25rem;
      padding: 4px 8px;
      border: none;
      text-align: center;
      font-size: 14px;
	  white-space: nowrap;
    }

.fs-fundlist-name{
	color:#666;
}

/*2024活動永久0 url 帶參數*/
#hvip-hero-coupon-invesco,#hvip-logo-invesco,
#hvip-cta-hero-invesco,
#hvip-cta-bottom-invesco,
#hvip-cta-side-invesco,
#hvip-fundlist-invesco,
#hvip-hero-coupon-pictet,
#hvip-logo-pictet,
#hvip-cta-hero-pictet,
#hvip-cta-bottom-pictet,
#hvip-cta-side-pictet,
#hvip-fundlist-pictet,
#hvip-hero-coupon-maf,
#hvip-logo-maf,
#hvip-cta-hero-maf,
#hvip-cta-bottom-maf,
#hvip-cta-side-maf,
#hvip-hero-coupon-mkt,
#hvip-logo-mkt,
#hvip-cta-hero-mkt,
#hvip-cta-bottom-mkt,
#hvip-cta-side-mkt,
#hvip-hero-coupon-allianz,
#hvip-logo-allianz,
#hvip-cta-hero-allianz,
#hvip-cta-bottom-allianz,
#hvip-cta-side-allianz,
#hvip-fundlist-allianz
{
	display:none;
}

/*2024活動一定免費 url 帶參數*/
#sip0-logo-area,
#sip0-logo-pictet,
#sip0-logo-invesco,
#sip0-logo-fundswap,
#sip0-cta-hero-invesco,
#sip0-cta-bottom-invesco,
#sip0-cta-side-invesco,
#sip0-fundlist-invesco,
#sip0-cta-hero-pictet,
#sip0-cta-bottom-pictet,
#sip0-cta-side-pictet,
#sip0-fundlist-pictet,
#sip0-cta-hero-fundswap,
#sip0-cta-bottom-fundswap,#sip0-cta-side-fundswap,#sip0-fundlist-fundswap{
	display:none;
}
/*文章*/
/*品牌頁*/



#fs-brand-name {
	font-size:24px;
	color:#333;
	font-weight:700;
	margin-bottom:0px;
	white-space:nowrap;
}
#fs-brand-overview{
	font-size:14px;
	color:#666;
	margin-bottom:0px;
	
}

#fs-brand-tag{
	margin-top:8px;
}

#fs-brand-tag a{
	color:#ff9664;
	font-size:14px;
	background-color:#fff3ee;
	padding:4px 8px;
	border-radius:4px;
	margin-right:8px;
	
}

#fs-brand-count-1{
	color:#ff9664;
	font-size:36px;
	font-weight:700;
	margin-bottom:0px;
}

#fs-brand-count-2{
	color:#ff9664;
	font-size:18px;
	font-weight:700;
	margin-bottom:0px!important;
	
}

#fs-article-filter h3,#fs-article-filter aside{
	margin-bottom:4px!important;
	display:flex;
	
}
#fs-article-filter p{
	margin:0px!important;
}

#fs-brand-article-empty{
	display:none;
	
}

#fs-brand-article-more-block{
	display:none;
    justify-content: center;
    align-items: center;
}

.fs-brand-filter-block{
	width:100%
}

/*品牌總覽頁*/

#fs-brand-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 設置每行 4 列 */
  grid-gap: 24px; /* 設置卡片之間的間距 */
  max-width: 1272px;
  margin: 0 auto; /* 水平置中 */
}

#fs-brand-link {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  padding: 0px;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

#fs-brand-image {
  width: 80%;
  height: auto;
  margin: 16px auto;
  border-radius:8px;
}

.brand-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top:1px solid #ebebeb;
  padding:8px 16px;
}

#fs-brand-list #fs-brand-name {
  font-size: 16px;
  font-weight: 500;
  color:#666;
	margin-top:0px;
}

#fs-brand-count {
  font-size: 14px;
  color: #999;
  font-weight:500;
	margin:0px;
}

.brand-icon {
  font-size: 16px;
  color: #999;
}

#fs-brandlist-count {
	color:#999;
	font-size:16px;
}


/* 使卡片在更小的屏幕上响应布局 */
@media (max-width: 1024px) {
    #fs-brand-list {
        grid-template-columns: repeat(2, 1fr); /* 中等屏幕時每行兩張卡片 */
    }
}

@media (max-width: 768px) {
    #fs-brand-list {
        grid-template-columns: repeat(1, 1fr); /* 小屏幕時每行一張卡片 */
    }
	
	.fs-brand-overview-text {
    max-height: 9.5em!important; /* 根據設計需求設置初始高度，比如顯示2-3行文本 */
		
}
	.fs-brand-overview.expanded .fs-brand-overview-text {
    max-height: none!important; /* 展開後取消限制 */
}
	.fs-breadcrumb {
		margin:0px 16px;
	}
}

/*麵包屑*/
.fs-breadcrumb {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 0;
    display: flex;
    align-items: center;
    list-style: none;
}

.fs-breadcrumb li {
    display: flex;
    align-items: center;
}

.fs-breadcrumb-link {
    color: #999; /* 灰色 */
    text-decoration: none;
}

.fs-breadcrumb-link.fs-breadcrumb-active {
    color: #ff9664; /* 橘色 */
}

.fs-breadcrumb-separator {
    margin: 0 8px;
    color: #999; /* 分隔符顏色 */
}

/*隱藏資訊*/
.fs-brand-overview {
    position: relative;
	margin-bottom:8px!important;
	
}

.fs-brand-overview-text {
    display: block;
    max-height: 6.5em; /* 根據設計需求設置初始高度，比如顯示2-3行文本 */
    overflow: hidden;

}

.fs-brand-overview.expanded .fs-brand-overview-text {
    max-height: none; /* 展開後取消限制 */
    
}

.fs-brand-read-more-toggle {
    display: flex;
	justify-content:center;

    
}

.fs-brand-overview.expanded .fs-brand-read-more-toggle::before {
    content: "收起"; /* 展開後顯示"收起" */
}

.fs-brand-overview:not(.expanded) .fs-brand-read-more-toggle::before {
    content: "查看更多"; /* 初始狀態顯示"查看更多" */
}

#mo-coin {
	position:absolute;
	top: 165;
	left: 195;
}
.font-400{
	font-weight:400;
}
.font-500{
	font-weight:500;
}
.font-700{
	font-weight:700;
}
.font-italic-effect{
	    transform: skew(-6deg, 0deg) !important;
}
.mocampaign-slogan {
	box-shadow: 4px 4px 0px 0px var(--dark-primary-2-disable, #F2C9B6);
}
.d-flex {
	display: flex;
}
.d-none {
	display: none;
}
.justify-content-center{
	justify-content: center;
}
.justify-content-between{
	justify-content:space-between;
}
.align-items-center {
	align-items: center;
}
.align-items-baseline {
	align-items: baseline;
}
.flex-column {
	flex-direction: column;
}
.mo-coupon-code {
    border: 1px solid #f5f5f5;
    display: flex;
    width: auto;
    height: 66px;
	margin:0 auto 40px auto;
    padding: 0px var(--spacing-xs, 8px) 0px 24px;
    justify-content: space-between;
    align-items: center;
    border-radius: 100px;
    background: var(--bg-gray-2, #FFF);
    font-size: 24px;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
	box-shadow: 0px 4px 4px 0px var(---border-1, #EBEBEB);
}
.mo-coupon-code-mobile{
    border: 1px solid #f5f5f5;
	margin: 0px auto;
    display: flex;
    width: fit-content;
    height: 66px;
    padding: 0px var(--spacing-xs, 8px) 0px 24px;
    justify-content: space-between;
    align-items: center;
    border-radius: 100px;
    background: var(--bg-gray-2, #FFF);
    font-size: 24px;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
	box-shadow: 0px 4px 4px 0px var(---border-1, #EBEBEB);
}
#mo-coupon-code{
    font-size: 24px;
    font-weight: 900;
    border-radius: 100px;
    border: none;
    padding: 8px 46px;
    background-color: #333333;
    cursor: pointer;
    color: #FFF !important;
}
#mo-coupon-code-mobile{
    font-size: 24px;
    font-weight: 900;
    border-radius: 100px;
    border: none;
    padding: 8px 16px;
    background-color: #FF9664;
    cursor: pointer;
    color: #FFF !important;
}
.page-title {
	font-size:40px !important;
	color: #333333;
	letter-spacing: 4px !important;
	margin-top: 0px;
}
.page-subtitle {
	font-size:36px !important;
	color: #666666;
	letter-spacing: 4px !important;
}
.tpi-exchange {
	font-size:36px !important;
	letter-spacing: 4px !important;
	color: #FF9664;
}
.object-fit-contain {
	object-fit: contain !important;
}
@media screen and (min-width:1299px) {
	.mo-CTA-main {
	padding-left: 100px !important;
	padding-right: 100px !important;	
	}
	.mo-CTA-secondary {
	padding-left: 150px !important;
	padding-right: 150px !important;			
	}
	.stk-8e10142, .stk-512a96d {
	margin-bottom: 60px !important;
	}
}
/* @media screen and (max-width:1299px) and (max-width:1024px) { 
	.stk-d74df5a {
	padding-left: 0px !important;
	padding-right: 0px !important;	
	}
	.stk-12fdd19  {
	padding-left: 0px !important;
	padding-right: 0px !important;	
	}
	.stk-089a85b {
		padding-left: 200px !important;
		padding-right: 200px !important;	
		padding-top: 24px!important;
		padding-bottom: 60px!important;
	}
	.stk-debf07c {
		padding-left: 200px !important;
		padding-right: 200px !important;	
		padding-top: 0px!important;
		padding-bottom: 24px!important;
	}
	.stk-41138d2 {
		padding-left: 200px !important;
		padding-right: 200px !important;	
		padding-top: 0px!important;
		padding-bottom: 80px!important;
	}
} */
@media screen and (max-width:768px) {
	.page-title {
		font-size: 32px !important;
	}
	.page-subtitle {
		font-size: 24px !important;
	}
	.stk-1756623 {
		margin-bottom: 24px !important;
	}
	.mocampaign-slogan {
	 	margin: 0px;
	}
}
@media screen and (max-width:480px) {
	.page-title {
		font-size: 32px !important;
	}
	.page-subtitle {
		font-size: 20px !important;
	}
	.mo-coupon-code {
		font-size: 20px !important;
	}
	#mo-coupon-code {
		font-size: 20px !important;
		padding: 8px 23px !important;
	}
	.stk-button__inner-text {
		font-size: 20px !important;
	}
	.tpi-exchange {
		font-size: 24px !important;
		margin-bottom: 32px !important;
	}
	.tpi-exchange-link {
		align-items: center !important;
	}
}
@media screen and (max-width:500px) {
	.read-more {
		display: none;
	}
}
.tpi-exchange-link {
	align-items: baseline;
}
.stk-7dd9091 {
	position: relative;
}

.wp-image-33360 {
	position: absolute;
	top: 0;
	right: 0;
}
.text-center {
	text-align: center;
}
.speech-bubble-container {
    position: relative;
    width: 550px;
    max-width: 800px;
	margin-right: 40px;
}
.speech-bubble {
    position: relative;
    background-color: white;
    border-radius: 100px;
    padding: 15px 24px;
    box-shadow: 0px 4px 4px 0px rgba(255, 212, 192, 1);
    border: 1px solid #FFD4C0;
}
.speech-bubble::after {
    content: '';
    position: absolute;
    right: -30.18px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 31.18px solid #FFD4C0;
    border-top: 16px solid transparent;
    border-bottom: 15px solid transparent;
    filter: drop-shadow(0px 4px 4px #FFD4C0);
}
.speech-bubble::before {
    content: '';
    position: absolute;
    right: -25.18px;
    top: 50%;
    transform: translateY(-50%);
    border-left: 29.18px solid white;
    border-top: 14px solid transparent;
    border-bottom: 13px solid transparent;
    z-index: 1;
}
.speech-bubble-container-mobile {
    position: relative;
    width: 328px;
    max-width: 800px;
}

.speech-bubble-mobile {
    position: relative;
    background-color: white;
    border-radius: 100px;
    padding: 12px 24px;
    box-shadow: 0px 4px 4px 0px rgba(255, 212, 192, 1);
    border: 1px solid #FFD4C0;
	margin-bottom: 32px;
}

.speech-bubble-mobile::before {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 42%;
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border-top: 35px solid white;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    z-index: 2;
}

.speech-bubble-mobile::after {
    content: '';
    position: absolute;
    bottom: -34px;
    right: 46.5%;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    z-index: -1;
    filter: drop-shadow(0px 4px 4px #FFD4C0);
    border-top: 35px solid #FFD4C0;
}

.speech-content {
    text-align: center;
    font-size: 20px;
    color: #666;
    font-weight: 500;
}
.speech-content.mobile {
    font-size: 16px;
}
.speech-content > span {
	color: #333;
}
.speech-content:hover > span {
  color: #FF9664 !important;
}

.hover-effect:hover {
    color: #FF9664 !important;
    font-weight: 500;
}
.hover-effect:hover > a {
    color: #FF9664 !important;
}
/* .speech-content > .hover-effect > a {
	color: #666;
} */