.f20{
	font-size:20px;
    line-height: 1.4;
	}
.f18{
	font-size:18px;
    line-height: 1.4;
	}
.f16{
	font-size:16px;
    line-height: 1.4;
	}
.f15{
	font-size:15px;
    line-height: 1.4;
	}
.f14{
	font-size:14px;
    line-height: 1.4;
	}
.f12{
	font-size:12px;
    line-height: 1.4;
	}
.f10{
	font-size:10px;
    line-height: 1.4;
	}
.f22{
	font-size:22px;
    line-height: 1.4;
	}
.f24{
	font-size:24px;
    line-height: 1.4;
	}
.f26{
	font-size:26px;
    line-height: 1.4;
	}
.f28{
	font-size:28px;
    line-height: 1.4;
	}
.f30{
	font-size:30px;
    line-height: 1.4;
	}
.f32{
	font-size:32px;
    line-height: 1.4;
	}
.f34{
	font-size:34px;
    line-height: 1.4;
	}
.f36{
	font-size:36px;
    line-height: 1.4;
	}
.f40{
	font-size:40px;
    line-height: 1.4;
	}
.f54{
    font-size: 54px;
    line-height: 1.4;
}
body.small-font-size .f10{
    font-size: 8px;
}
body.large-font-size .f10{
    font-size: 12px;
}
body.small-font-size .f12{
    font-size: 10px;
}
body.large-font-size .f12{
    font-size: 14px;
}
body.small-font-size .f16{
    font-size: 12px;
}
body.large-font-size .f16{
    font-size: 20px;
}
body.small-font-size .f15{
    font-size: 12px;
}
body.large-font-size .f15{
    font-size: 18px;
}
body.small-font-size .f14{
    font-size: 11px;
}
body.large-font-size .f14{
    font-size: 16px;
}
body.small-font-size .f18{
    font-size: 14px;
}
body.large-font-size .f18{
    font-size: 22px;
}
body.small-font-size .f20{
    font-size: 16px;
}
body.large-font-size .f20{
    font-size: 24px;
}
body.small-font-size .f22{
    font-size: 18px;
}
body.large-font-size .f22{
    font-size: 26px;
}
body.small-font-size .f24{
    font-size: 20px;
}
body.large-font-size .f24{
    font-size: 28px;
}
body.small-font-size .f26{
    font-size: 22px;
}
body.large-font-size .f26{
    font-size: 30px;
}
body.small-font-size .f28{
    font-size: 24px;
}
body.large-font-size .f28{
    font-size: 32px;
}
body.small-font-size .f30{
    font-size: 26px;
}
body.large-font-size .f30{
    font-size: 34px;
}
body.small-font-size .f32{
    font-size: 28px;
}
body.large-font-size .f32{
    font-size: 36px;
}
body.small-font-size .f34{
    font-size: 30px;
}
body.large-font-size .f34{
    font-size: 38px;
}
body.small-font-size .f36{
    font-size: 32px;
}
body.large-font-size .f36{
    font-size: 40px;
}
body.small-font-size .f40{
    font-size: 36px;
}
body.large-font-size .f40{
    font-size: 44px;
}
body.small-font-size .f54{
    font-size: 50px;
}
body.large-font-size .f54{
    font-size: 58px;
}
body.small-font-size .offer-Remark{
    font-size: 10px;
}
body.large-font-size .offer-Remark{
    font-size: 14px;
}
body.small-font-size #tncContent{
    font-size: 8px;
		line-height: 140%;
}
body.large-font-size #tncContent{
    font-size: 12px;
		line-height: 140%;
}

#footer{
    z-index: 5;
    position: relative;
    
}

.new-gold{
    color:#AB8F65;
}

.new-deepgold{
    color:#8B6F4B;
}

.new-blue{
    color:#0C2842;
}

.grey{
    color:#CCCCCC;
}

.white{
    color:#fff;
}

.line180{
    line-height: 180%;
}

.line140{
    line-height: 140%;
}

.center{
    text-align: center;
}

.text_left{
    text-align: left;
}
.text_right{
    text-align: right;
}

.justify{
    text-align: justify;
}

.bold{
    font-weight: bold;
}

.font_normal{
  font-weight: normal;	
}

.large-text{
    font-size: 135%;
}



.mt5{ margin-top: 5px; }
.mt10-new{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20-new{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.mt80{ margin-top: 80px; }

.new_font{
    font-family: "Microsoft JhengHei", "Microsoft Yahei", Arial, Helvetica,MingLiU;
}
     
.offer-Remark {
    font-family: Arial, Helvetica, MingLiU;
    line-height: 120%;
    color: #666;
}
.remark {
	color:#666666;
	line-height:120%;
}
    
    .remark-new p{
        margin-bottom: 10px;
    }

.remark-new{
	line-height:140%;
}

.desktop_show{
    display: block;
}	
.desktop_show_inline{
    display: inline-block;
}	
.mobile_show{
    display: none;
}	
.mobile_show_inline{
    display: none;
}	
    
	
@media (max-width: 1023px) and (min-width: 769px) {
    
    
}
@media (max-width: 768px) {
    
    .remark_title{
        font-size: 14px;
    }
    
	.desktop_show{
		display: none;
	}	
	.desktop_show_inline{
		display: none;
	}
	.mobile_show{
		display: block;
        }
    .mobile_show_inline{
        display: inline-block;
}
    
    .mt5{ margin-top: 3px; }
    .mt10-new{ margin-top: 5px; }
    .mt20-new{ margin-top: 15px; }
    .mt30{ margin-top: 20px; }
    .mt40{ margin-top: 25px; }
    .mt50{ margin-top: 30px; }
    .mt60{ margin-top: 35px; }
    .mt70{ margin-top: 40px; }
    .mt80{ margin-top: 45px; }
    
    .mobile-text{
        font-size: 90%;
    }
}

.rel{
    position: relative;
}

/*----common-----*/

.bg_left{
    position: absolute;
    left: 0px;
    top:0px;
    width: calc(50% - 480px);
    height: 100%;
    background-image: url("images/private_wealth/bg_left.jpg");
    background-size: 480px auto;
    background-repeat: repeat-y;
    background-position: right top;
}
.bg_right{
    position: absolute;
    right: 0px;
    top:0px;
    width: calc(50% - 480px);
    height: 100%;
    background-image: url("images/private_wealth/bg_right.jpg");
    background-size: 480px auto;
    background-repeat: repeat-y;
    background-position: left top;
}
   
@media (min-width: 1920px){
    .bg_left, .bg_right{
        background-size: 100% auto;
    }
}
   
@media (min-width: 769px) and (max-width: 1023px){
    .bg_left{
        width: calc(50% - 360px);
    }
    .bg_right{
        width: calc(50% - 360px);
    }
}

@media (max-width: 768px) {
    .bg_left{
        display: none;
    }
    .bg_right{
        display: none;
    }
}

.new_inner{
    position: relative; 
}

@media (max-width: 768px) {
    .new_inner .w960{
        padding: 0;
    }
}

.deep-blue-rad-bg{
    background-color: #002e4b;
    background-image: radial-gradient(circle, #002e4b 40%, #00233c 80%);
}

.white-bg{
    background-color: #fff;
}

.line-bg{
    background-image: url("images/private_wealth/section-bg-line.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.line-blue-bg{
    background-image: url("images/private_wealth/blue-bg-line.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center bottom 70px;
}

.bottom-line{
    position: absolute;
    left: 0;
    bottom:0;
}
.bottom-line img{
    width:100%;
}

.grey-bg{
    background-color: #f1f3f4;
}

.pw-top-banner-bar{
    width:100%;
    height: 33px;
    background-image: url("images/private_wealth/top-banner-bar.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.pw-top-banner{
    min-height: 305px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-image: url("images/private_wealth/pw-top-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.pw-top-banner-330{
    min-height: 330px;
}

.pw-top-banner-text, .shadow-text{
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));
}

.pw-middle-banner{
    height: 24px;
    background-image: url("images/private_wealth/pw-middle-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.pw-middle-banner-long{
    height: 50px;
    background-image: url("images/private_wealth/pw-middle-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

@media (max-width: 768px){
    .pw-middle-banner-long{
        height: 25px;
    }
}

.pw-middle-arrow-banner, .pw-middle-arrow-banner-short{
    position: relative;
    height: 3px;
    background-image: url("images/private_wealth/section-bg-arrow.png");
    background-size: 100% 100%;
    background-repeat: repeat-y;
    background-position: center center;
    z-index: 2;
}

.pw-middle-arrow-banner-next-section, .pw-middle-arrow-banner-short-next-section{
    margin-top: 0px;
}

.pw-middle-arrow-banner-end{
    position: relative;
    height: 2px;
    background-image: url("images/private_wealth/section-bg-arrow.png");
    background-size: 100% 100%;
    background-repeat: repeat-y;
    background-position: center top;
}

.side-pattern-wrapper{
    
}

.top-logo-wrapper{
    padding: 70px 0px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px 20px;
}

.top-logo-ccb{
    width:333px;
}

.top-logo-pw{
    width:313px;
}
.logo-vert-line{
  background : #030712;
  width : 1px;
  height : 49px;
}

@media (max-width: 1023px) and (min-width: 769px) {
    .top-logo-wrapper{
        padding: 25px 0px 25px;
        gap: 10px 20px;
    }

    .top-logo-ccb{
        width:266px;
    }

    .top-logo-pw{
        width:250px;
    }
    
    .logo-vert-line{
      height : 40px;
    }
}

@media (max-width: 768px) {
    .top-logo-wrapper{
        padding: 20px 0px 20px;
        gap: 5px 10px;
    }

    .top-logo-ccb{
        width:166px;
    }

    .top-logo-pw{
        width:156px;
    }
    
    .logo-vert-line{
      height : 25px;
    }
}

.shadow-box{
    box-shadow: 0px 0px 10px rgba(0,0,0, 0.5)
}

.gold-btn{
    display: inline-block;
    background-color : #8B6F4B;
    color:#fff;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.gold-btn-rect{
    position: absolute;
    top:6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 1px solid #fff;
    overflow: hidden;
    transition: top 0.3s cubic-bezier(.11,.77,.55,.93), left 0.3s cubic-bezier(.11,.77,.55,.93), width 0.3s cubic-bezier(.11,.77,.55,.93), height 0.3s cubic-bezier(.11,.77,.55,.93);
}

.gold-btn-rect::before{
    content:'';
    position: absolute;
    left: 0;
    top:0;
    width:16px;
    height: 8px;
    background-color: #fff;
    transform-origin: 0% 100%;
    transform: rotate(-45deg);
}

.gold-btn-rect::after{
    content:'';
    position: absolute;
    right: 0;
    bottom:0;
    width:8px;
    height: 16px;
    background-color: #fff;
    transform-origin: 0% 100%;
    transform: rotate(45deg);
}

.gold-btn-text{
    padding: 13px 25px;
    transition: transform 0.3s cubic-bezier(.11,.77,.55,.93), opacity 0.3s cubic-bezier(.11,.77,.55,.93);
}

.gold-btn-text-2{
    position: absolute;
    padding: 13px 25px;
    opacity: 0;
    transform: scale(0.5) rotate(0.02deg);
    transition: transform 0.3s cubic-bezier(.11,.77,.61,1.38), opacity 0.3s cubic-bezier(.11,.77,.55,.93);
}

.gold-btn:hover .gold-btn-rect{
    top:10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.gold-btn:hover .gold-btn-text{
    opacity: 0;
    transform: scale(1.5) rotate(0.02deg);
}
.gold-btn:hover .gold-btn-text-2{
    opacity: 1;
    transform: scale(1) rotate(0.02deg);
}

.padding-80-20-90{
    padding: 80px 20px 90px;
}

.padding-30-20-40{
    padding: 30px 20px 40px;
}

.padding-40-20-30{
    padding: 40px 20px 30px;
}

.padding-70-20-60{
    padding: 70px 20px 60px;
}

.padding-20-10-30{
    padding: 20px 10px 30px;
}

.padding-40-20-0{
    padding: 40px 20px 0px;
}

.padding-50-15-80{
    padding: 50px 15px 80px;
}

.padding-80-20-70{
    padding: 80px 20px 70px;
}

.padding-25-25-40{
    padding: 25px 25px 40px;
}

.padding-25-25-25{
    padding: 25px 25px 25px;
}

.padding-40-20-50{
    padding: 40px 20px 50px;
}

.padding-60-45-60{
    padding: 60px 45px 60px;
}

.padding-0-45{
    padding: 0px 45px;
}

.padding-50-0{
    padding: 50px 0px;
}

.padding-60-20-70{
    padding: 60px 20px 70px;
}

.padding-80-70-80{
    padding: 80px 70px 80px;
}

.padding-80-20-50{
    padding: 80px 20px 50px;
}

.padding-80-20-0{
    padding: 80px 20px 0px;
}

.padding-100-40-0{
    padding: 100px 40px 0px;
}

.padding-60-20-0{
    padding: 60px 20px 0px;
}

.padding-40-20-60{
    padding: 40px 20px 60px;
}

.padding-40-20-40{
    padding: 40px 20px 40px;
}

.padding-50-20-50{
    padding: 50px 20px 50px;
}

.padding-40-20-70{
    padding: 40px 20px 70px;
}


.spacing-0{
    letter-spacing: 0px;
}

.spacing-2{
    letter-spacing: 2px;
    margin-right: -2px;
}

.spacing-6{
    letter-spacing: 6px;
    margin-right: -6px;
}

.spacing-8{
    letter-spacing: 8px;
    margin-right: -8px;
}

.spacing-10{
    letter-spacing: 10px;
    margin-right: -10px;
}

.spacing-15{
    letter-spacing: 15px;
    margin-right: -15px;
}

.spacing-20{
    letter-spacing: 20px;
    margin-right: -20px;
}

.spacing-25{
    letter-spacing: 25px;
    margin-right: -25px;
}

.pdf-link{
    text-decoration: underline;
}

.pdf-link:hover{
    text-decoration: none;
}


@media (max-width: 768px) {
    .padding-80-20-90{
        padding: 60px 15px 70px;
    }

    .padding-30-20-40{
        padding: 20px 15px 25px;
    }

    .padding-40-20-30{
        padding: 25px 15px 20px;
    }

    .padding-70-20-60{
        padding: 40px 15px 30px;
    }

    .padding-20-10-30{
        padding: 15px 10px 20px;
    }

    .padding-40-20-0{
        padding: 25px 15px 0px;
    }

    .padding-50-15-80{
        padding: 30px 15px 45px;
    }

    .padding-80-20-70{
        padding: 60px 15px 40px;
    }

    .padding-25-25-40{
        padding: 20px 20px 25px;
    }

    .padding-25-25-25{
        padding: 20px 20px 20px;
    }

    .padding-40-20-50{
        padding: 25px 15px 30px;
    }
    
    .padding-60-45-60{
        padding: 30px 20px 30px;
    }

    .padding-0-45{
        padding: 0px 20px;
    }
    .padding-50-0{
        padding: 30px 0px;
    }

    .padding-60-20-70{
        padding: 30px 15px 40px;
    }

    .padding-100-40-0{
        padding: 70px 25px 0px;
    }

    .padding-60-20-0{
        padding: 30px 15px 0px;
    }

    .padding-80-70-80{
        padding: 60px 40px 60px;
    }

    .padding-80-70-50{
        padding: 60px 40px 30px;
    }

    .padding-80-20-50{
        padding: 60px 15px 30px;
    }

    .padding-80-20-0{
        padding: 60px 15px 0px;
    }

    .padding-40-20-40{
        padding: 25px 15px 25px;
    }

    .padding-50-20-50{
        padding: 30px 15px 30px;
    }

    .padding-40-20-70{
        padding: 25px 15px 40px;
    }
    
    .spacing-2{
        letter-spacing: 1px;
        margin-right: -1px;
    }

    .spacing-6{
        letter-spacing: 1px;
        margin-right: -1px;
    }

    .spacing-8{
        letter-spacing: 1px;
        margin-right: -1px;
    }

    .spacing-10{
        letter-spacing: 2px;
        margin-right: -2px;
    }

    .spacing-15{
        letter-spacing: 4px;
        margin-right: -4px;
    }

    .spacing-20{
        letter-spacing: 6px;
        margin-right: -6px;
    }

    .spacing-25{
        letter-spacing: 8px;
        margin-right: -8px;
    }
}




.half-container{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.half-container-inner{
    width: 50%;
}

@media (max-width: 768px){
    .half-container{
        flex-direction: column;
    }
    
    .half-container-inner{
        width: 100%;
    }
}

.white_a{
    color: #fff;
    text-decoration: underline;
}
.white_a:hover{
    text-decoration: none;
}

.section_remake .disc-ul li{
    margin-bottom: 5px;
}


/*---------page-index----------*/

@media all and (max-width:768px) {
    .item_show a .iceCor {
        margin-right:20px;
    }
    }
    @media all and (max-width:896px) {
    #silder .swiper-slide a{
        background-position: 66%;
    }
}

.page-index-stone-section{
    padding-bottom: 90px;
    text-align: center;
}

.page-index-stone{
    width: 100%;
    max-width: 343px;
}

.page-index-video-section{
    
}

.video_container{
    max-width: 834px;
    margin-left: auto;
    margin-right: auto;
}

.video{
        overflow: hidden;
        margin-bottom: 15px;
    }
    
    .video span { 
        transition: transform 0.3s cubic-bezier(.17,.67,.54,.98);
    }
    
    .video:hover span{
        transform: scale(1.05) rotate(0.02deg);
    }
    
    
	
.video { position: relative; height: 469px /* 16:9 */ ; }
.video span { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 469px; z-index: 20; cursor: pointer; background: url(images/private_wealth/tvc-img.jpg) no-repeat; background-size: cover; background-position: center; background-color: #fff }

.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* image poster clicked, player class added using js */
.video.player span { display: none; }
.video.player:after { display: none; }


@media (max-width: 1023px) and (min-width: 769px) {
    .video_and_leaflet_inner {
        flex-wrap: wrap;
        justify-content: center;
    }
	
	.video_container{
		width:680px;
	}
	.video, .video span { height: 382px; }
}


@media (max-width: 768px) {
	.video_container{
		width:100%;
	}
	.video, .video span { height:52.25vw; }
}

.page-index-icon-section{
    padding: 80px 50px 15px;
}

.page-index-icon-container{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    gap:50px 130px;
}

.page-index-icon{
    width:200px;
    background-size: auto 52px;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 70px;
}

.page-index-grey-section{
    padding: 50px 15px 80px;
}

.page-index-ship{
    width:100%;
    height: 368px;
    background-image: url("images/private_wealth/page-index-ship.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 10px 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.contact-container{
    display: flex;
    justify-content: center;
    gap: 20px 40px;
    flex-wrap: wrap;
}

.contact-number{
    display: flex;
    align-items: center;
    text-align: left;
}

.contact-icon{
    width : 54px;
    height: 54px;
    border-radius: 50%;
    background-color : #8B6F4B;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 7px;
}

.contact-icon.fax-icon{
    background-image: url("images/private_wealth/fax-icon.png");
    background-size: 33px auto;
}
.contact-icon.phone-icon{
    background-image: url("images/private_wealth/phone-icon.png");
    background-size: 27px auto;
}


@media (max-width: 768px){
    
    .page-index-icon-section{
        padding: 50px 15px 15px;
    }
    
    .page-index-icon-container{
        gap:40px 50px;
    }
    
    .page-index-icon {
        background-size: auto 52px;
        padding-top: 60px;
    }
    
    .page-index-icon .white{
        margin-top: 10px;
    }
}


/*-------page-whyccba-------*/


.page-whyccba-earth-container{
    min-height: 652px;
    background-image: url("images/private_wealth/page-whyccba-earth.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-whyccba-earth-text{
    padding: 20px 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.page-whyccba-ship-container{
    height: 741px;
    position: relative;
    overflow: hidden;
}

.page-whyccba-ship-image{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("images/private_wealth/page-whyccba-ship.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-whyccba-ship-text{
    position: absolute;
    bottom:540px;
    padding: 0 20px;
    width:100%;
}

.page-whyccba-cave{
    width:100%;
    height: 416px;
    background-image: url("images/private_wealth/page-whyccba-cave.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 10px 80px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 768px){
    
    .page-whyccba-earth-container{
        min-height: 173px;
        background-image: url("images/private_wealth/page-whyccba-earth-m.jpg");
    }
    
    .page-whyccba-earth-wrapper .line180{
        line-height: 140%;
    }
    
    .page-whyccba-earth-text{
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .page-whyccba-ship-container{
        height: 472px;
    }
    
    .page-whyccba-ship-image{
        top: -20px;
        height: 550px;
        background-size: auto 100%;
    }

    .page-whyccba-ship-text{
        bottom:325px;
        height: 145px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page-whyccba-cave{
        height: 374px;
        background-image: url("images/private_wealth/page-whyccba-cave-m.jpg");
        padding: 40px 10px;
        background-position: center center;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }
    
    .page-whyccba-cave .line180{
        line-height: 150%;
    }
}


/*------page-accounts----------*/

.page-accounts-top-banner{
    width: 100%;
    height: 485px;
    background-image: url("images/private_wealth/page-accounts-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: -213px;
}

.page-accounts-middle-container-wrapper{
    padding: 0 74px;
}

.page-accounts-middle-container{
    background-image: url("images/private_wealth/page-accounts-middle-container-bg.jpg");
    background-size:886px auto;
    background-repeat: repeat-y;
    background-position: center top;
}

.page-accounts-icon-container{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    gap:15px 0px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.page-accounts-icon{
    width:50%;
    min-height: 27px;
    background-size: auto 27px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 10px 0px 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.page-accounts-info-container{
    display: flex;
    align-items: stretch;
    border-bottom: 2px solid #8B6F4B;
    flex-wrap: wrap;
}

.page-accounts-info-container:nth-last-child(1){
     border-bottom: none;   
}

.page-accounts-info-image{
    width:330px;
}

.page-accounts-info-text{
    width: calc(100% - 330px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 20px 20px 60px;
}

.gold-arrow-btn{
    background-image: url("images/private_wealth/gold-arrow.png");
    background-size:auto 15px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 17px;
    cursor: pointer;
    display: inline-block;
}



@media (max-width: 1023px) and (min-width: 769px) {
    

    .page-accounts-middle-container-wrapper{
        padding: 0 30px;
    }

    .page-accounts-info-image{
        width:250px;
    }

    .page-accounts-info-text{
        width: calc(100% - 250px);
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 20px 20px 20px 25px;
    }
}

@media (max-width: 768px){

    .page-accounts-top-banner{
        height: 300px;
        margin-bottom: -150px;
    }

    .page-accounts-middle-container-wrapper{
        padding: 0 15px;
    }

    .page-accounts-icon-container{
        gap:10px 0px;
        max-width: 240px;
    }
    
    .page-accounts-icon{
        width:100%;
    }

    .page-accounts-info-image{
        width:100%;
    }

    .page-accounts-info-text{
        width:100%;
        padding: 40px 20px;
        text-align: center;
    }
    
    .page-accounts-info-text>div{
        width:100%;   
    }
}


/*-------esg----------*/


.esg-top-banner{
    width: 100%;
    height: 564px;
    background-image: url("images/private_wealth/esg-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 70px 90px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.esg-half-container{
    min-height: 649px;
    background-image: url("images/private_wealth/esg-plant.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.esg-half-text{
    padding: 20px 20px 20px 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.esg-training-container, .esg-training-container img{
    width:100%;
}

.esg-training-container{
    margin-bottom: -110px;
}

.esg-training-below-container{
    padding: 150px 120px 60px;
}


@media (max-width: 768px){
    .esg-top-banner{
        width: 100%;
        height: auto;
        min-height: 300px;
        background-image: url("images/private_wealth/esg-top-banner.jpg");
        background-size:cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 70px 20px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .esg-half-container{
        min-height: 280px;
    }
    
    .esg-half-text{
        padding: 30px 20px 30px 20px;
        text-align: center;
    }

    .esg-training-below-container{
        padding: 150px 20px 60px;
    }
}

/*-----page-loans------*/

.page-loans-top-banner{
    width: 100%;
    height: 484px;
    background-image: url("images/private_wealth/page-loans-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.page-loans-tab-wrapper{
    padding: 80px 70px;
}

.page-loans-tab-container{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.page-loans-tab-container:not(:first-child) {
    margin-top: 60px;
}

.page-loans-tab-image{
    width:325px;
    min-height: 231px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-loans-tab-text{
    width: calc(100% - 325px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0px 20px 40px;
}

.page-loans-middle-banner{
    width: 100%;
    height: 342px;
    background-image: url("images/private_wealth/page-loans-middle-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-loans-middle-banner-bottom-text{
    z-index: 1;
}

.bg-line-full{
    position: absolute;
    left: 0;
    bottom: -110px;
    width: 100%;
    height: 256px;
    pointer-events:none;
    background-image: url("images/private_wealth/bg-line-full.png");
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}


@media (max-width: 1023px) and (min-width: 769px) {
    .page-loans-tab-wrapper{
        padding: 40px 30px;
    }
    

    .page-loans-tab-image{
        width:280px;
    }

    .page-loans-tab-text{
        width: calc(100% - 280px);
        padding: 20px 0px 20px 20px;
    }

    .page-loans-tab-container:not(:first-child) {
        margin-top: 30px;
    }
}


@media (max-width: 768px){

    .page-loans-top-banner{
        width: 100%;
        height: 87vw;
        background-image: url("images/private_wealth/page-loans-top-banner.jpg");
        background-size:cover;
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    
    .page-loans-tab-wrapper{
        padding: 30px 15px;
    }
    
    .page-loans-tab-image{
        width:100%;
        min-height: 200px;
    }

    .page-loans-tab-text{
        width:100%;
        padding: 20px 0px;
    }

    .page-loans-tab-container:not(:first-child) {
        margin-top: 20px;
    }

    .page-loans-middle-banner{
        height: 200px;
    }
}

/*-----page-planning------*/


.page-planning-top-banner{
    width: 100%;
    height: 486px;
    background-image: url("images/private_wealth/page-planning-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 27px 20px 292px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px){

    .page-planning-top-banner{
        width: 100%;
        height: 300px;
        background-image: url("images/private_wealth/page-planning-top-banner.jpg");
        background-size:cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 15px 20px 194px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


/*-----page-accounts-life------*/


.page-accounts-life-top-banner{
    width: 100%;
    height: 486px;
    background-image: url("images/private_wealth/page-accounts-life-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 30px 20px 255px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.page-accounts-life-icon-container{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    gap:20px 20px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.page-accounts-life-icon{
    width:100%;
    max-width: 330px;
    min-height: 34px;
    background-size: auto 34px;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 10px 0px 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}


.page-accounts-life-tab-container{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.page-accounts-life-tab-image{
    width:510px;
    min-height: 157px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("images/private_wealth/page-accounts-life-tab.png");
}

.page-accounts-life-tab-text{
    width: calc(100% - 510px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 20px 0px 70px;
}

.disc-ul{
    list-style: disc;
        padding-inline-start: 15px;
}

.disc-ul li{
    margin-bottom: 10px;
    padding-left: 5px;
}


@media (max-width: 1023px) and (min-width: 769px) {
    .page-accounts-life-icon-container{
        gap:20px 20px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .page-accounts-life-icon{
        width:100%;
        max-width: 280px;
    }
    
    .page-accounts-life-tab-image{
        width:100%;
        height: 205px;
    }

    .page-accounts-life-tab-text{
        width:100%;
        padding: 20px 20px 0px 20px;
        justify-content: center;
    }
}


@media (max-width: 768px){
    
    .page-accounts-life-top-banner{
        height: 340px;
        padding: 21px 15px 178px;
    }

    .page-accounts-life-icon{
        width:100%;
        max-width:none;
    }
    
    .page-accounts-life-tab-image{
        width:100%;
        height: 150px;
    }

    .page-accounts-life-tab-text{
        width:100%;
        padding: 20px 20px 0px 20px;
        justify-content: center;
    }
}


/*-----page-investment-wealth_commentary------*/


.page-investment-wealth_commentary-top-banner{
    width: 100%;
    height: 484px;
    background-image: url("images/private_wealth/page-investment-wealth_commentary-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-investment-wealth_commentary-title-container{
    padding: 60px 20px 0;
}

.page-investment-wealth_commentary-post{
    padding: 40px 60px;
}

.page-investment-wealth_commentary-post-inner{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.page-investment-wealth_commentary-post-image{
    width:356px;
    min-height: 195px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

.page-investment-wealth_commentary-post-image-container{
    width:356px;
}

.page-investment-wealth_commentary-post-image-container img{
    width:100%;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

.page-investment-wealth_commentary-post-image-container-in-card{
    width:300px;
}

.page-investment-wealth_commentary-post-image-container-in-card img{
    width:100%;
}

.page-investment-wealth_commentary-post-in-card .page-investment-wealth_commentary-post-text{
    width: calc(100% - 300px);
}

.page-investment-wealth_commentary-post-text{
    width: calc(100% - 356px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 0px 0px 30px;
}

.page-investment-wealth_commentary-post-text-inner{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.page-investment-wealth_commentary-post-text-title{
    line-height: 110%;
}

.page-investment-wealth_commentary-post-text-content{
    line-height: 1.4;
}

.page-investment-wealth_commentary-post-bottom{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.page-investment-wealth_commentary-post-date{
    padding-right: 23px;
    font-size: 9px;
}

.page-investment-wealth_commentary-post-bottom{
    margin-top: 5px;
}

.page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-has-bottom-line{
    padding-bottom: 0;
}

.page-investment-wealth_commentary-post-has-bottom-line .page-investment-wealth_commentary-post-inner{
    padding-bottom: 40px;
    border-bottom: 1px solid #8B6F4B;
}

.page-investment-wealth_commentary-post-has-line-bg{
    /*pointer-events:none;*/
    background-image: url("images/private_wealth/bg-line-full.png");
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position: center top 200px;
}

.page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large .page-investment-wealth_commentary-post-image{
    width:100%;
    height: 430px;
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.3));
}

.page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large .page-investment-wealth_commentary-post-text{
    width:100%;
    padding: 24px 0px 0px;
}

.page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large .page-investment-wealth_commentary-post-bottom{
    margin-top: 20px;
}

.page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large.page-investment-wealth_commentary-post-has-bottom-line .page-investment-wealth_commentary-post-inner{
    padding-bottom: 20px;
}

.page-investment-wealth_commentary-post.deep-blue-rad-bg .page-investment-wealth_commentary-post-text-title, .page-investment-wealth_commentary-post.deep-blue-rad-bg .page-investment-wealth_commentary-post-text-content, .page-investment-wealth_commentary-post.deep-blue-rad-bg .page-investment-wealth_commentary-post-date{
    color:#fff;
}


.page-investment-wealth_commentary-more-btn{
    text-decoration: underline;
    cursor: pointer;
}
.page-investment-wealth_commentary-more-btn:hover{
    text-decoration: none;
}


@media (max-width: 1023px) and (min-width: 769px) {

    .page-investment-wealth_commentary-post-image{
        width:267px;
    }
    
    .page-investment-wealth_commentary-post-text{
        width: calc(100% - 267px);
        padding: 0px 0px 0px 15px;
    }

    .page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large .page-investment-wealth_commentary-post-image{
        height: 322px;
    }
    
    .page-investment-wealth_commentary-post-image-container{
        width:267px;
    }
    
    .page-investment-wealth_commentary-post-image-container-in-card{
        width:267px;
    }
}


@media (max-width: 768px){
    .page-investment-wealth_commentary-top-banner{
        height: 240px;
    }

    .page-investment-wealth_commentary-title-container{
        padding: 40px 15px 0;
    }

    .page-investment-wealth_commentary-post{
        padding: 30px 15px;
    }

    .page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large .page-investment-wealth_commentary-post-image, .page-investment-wealth_commentary-post-image{
        width:100%;
        height: 55vw;
    }
    
    .page-investment-wealth_commentary-post-image-container, .page-investment-wealth_commentary-post-image-container-in-card{
        width:100%;
    }

    .page-investment-wealth_commentary-post-has-line-bg{
        background-position: center top 100px;
    }

    .page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large .page-investment-wealth_commentary-post-text, .page-investment-wealth_commentary-post-text, .page-investment-wealth_commentary-post-in-card .page-investment-wealth_commentary-post-text{
        width:100%;
        padding: 20px 0px 0px;
    }


    .page-investment-wealth_commentary-post.page-investment-wealth_commentary-post-large.page-investment-wealth_commentary-post-has-bottom-line .page-investment-wealth_commentary-post-inner, .page-investment-wealth_commentary-post-has-bottom-line .page-investment-wealth_commentary-post-inner{
        padding-bottom: 30px;
    }
}




/*-----page65------*/


.page-investment-top-banner{
    width: 100%;
    height: 484px;
    background-image: url("images/private_wealth/page-investment-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-investment-title{
    display: inline-block;
    min-height: 37px;
    background-image: url("images/private_wealth/page-investment-title-icon.png");
    background-size:auto 37px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 60px;
}

.page-investment-tab{
    padding: 0px 50px;
    cursor: pointer;
}

#page-investment-tab-7{
    padding-bottom: 40px;
}

.page-investment-tab-inner{
    padding: 20px 40px 20px 70px;
    border-bottom: 1px solid #8B6F4B;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#page-investment-tab-7 .page-investment-tab-inner{
    border-bottom: none;
}

.page-investment-tab-icon-title{
    width:320px;
    min-height: 42px;
    background-size: auto 42px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#page-investment-tab-1 .page-investment-tab-icon-title, #page-investment-tab-open-1 .page-investment-tab-icon-title{
    background-image: url("images/private_wealth/page-investment-icon1.png");
}
#page-investment-tab-2 .page-investment-tab-icon-title, #page-investment-tab-open-2 .page-investment-tab-icon-title{
    background-image: url("images/private_wealth/page-investment-icon2.png");
}
#page-investment-tab-3 .page-investment-tab-icon-title, #page-investment-tab-open-3 .page-investment-tab-icon-title{
    background-image: url("images/private_wealth/page-investment-icon3.png");
}
#page-investment-tab-4 .page-investment-tab-icon-title, #page-investment-tab-open-4 .page-investment-tab-icon-title{
    background-image: url("images/private_wealth/page-investment-icon4.png");
}
#page-investment-tab-5 .page-investment-tab-icon-title, #page-investment-tab-open-5 .page-investment-tab-icon-title{
    background-image: url("images/private_wealth/page-investment-icon5.png");
}
#page-investment-tab-6 .page-investment-tab-icon-title, #page-investment-tab-open-6 .page-investment-tab-icon-title{
    background-image: url("images/private_wealth/page-investment-icon6.png");
}
#page-investment-tab-7 .page-investment-tab-icon-title, #page-investment-tab-open-7 .page-investment-tab-icon-title{
    background-image: url("images/private_wealth/page-investment-icon7.png");
}

.page-investment-arrow-down{
    width: 15px;
    height: 10px;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("images/private_wealth/page-investment-arrow-down.png");
}

.page-investment-tab:hover .page-investment-arrow-down{
    animation: page-investment-arrow-down-ani 1s cubic-bezier(.58,.03,.45,.91) infinite;
}

@keyframes page-investment-arrow-down-ani {
    0%, 100%{
        transform: translateY(0px) rotate(0.02deg);
    }
    50% {
        transform: translateY(10px) rotate(0.02deg);
    }
}

.page-investment-tab-open{
    margin-top: -1px;
    padding: 40px 50px 25px;
    cursor: pointer;
    display: none;
}

.page-investment-tab-open-inner{
    padding: 0px 40px 0px 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.page-investment-tab-icon-title{
    padding-right: 10px;
}

.page-investment-tab-open-text{
    width: calc(100% - 320px);
}

.page-investment-arrow-up-container{
    width:100%;
}

.page-investment-arrow-up{
    float: right;
    width: 15px;
    height: 30px;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url("images/private_wealth/page-investment-arrow-down.png");
    transform: scaleY(-1);
}

.page-investment-tab-open:hover .page-investment-arrow-up{
    animation: page-investment-arrow-up-ani 1s cubic-bezier(.58,.03,.45,.91) infinite;
}

@keyframes page-investment-arrow-up-ani {
    0%, 100%{
        background-position: right top;
    }
    50% {
        background-position: right top 10px;
    }
}


@media (max-width: 1023px) {
    .page-investment-tab-open .page-investment-tab-icon-title{
        width:100%;
    }
    .page-investment-tab-open-text{
        padding-top: 20px;
        width: 100%;
    }
}


@media (max-width: 768px){
    .page-investment-tab {
        padding: 0px 15px;
    }
    
    .page-investment-tab-inner{
        padding: 20px 15px 20px 15px;
    }
    
    .page-investment-tab-open{
        padding: 40px 15px 25px;
    }

    .page-investment-tab-open-inner{
        padding: 0px 15px 0px 15px;
    }
    
    .page-investment-tab-icon-title{
        width:calc( 100% - 20px);
    }
}


/*-------main banner on index----------*/

.main_banner_wrapper{
    position: relative;
}

.main_banner{
    position: relative;
  background-size: cover;
  background-position: center; /* center */
  background-repeat: no-repeat;
  display: block;
  min-height: 525px;
}

.main_banner_caption_wrapper .caption{
    position: absolute;
    top:80px;
    width: 370px;
    /*background: rgb(255,255,255);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);*/
    background: #fff;
    padding: 15px 20px;
    margin-top: 15px;
    box-sizing: border-box;
}

.main_banner_caption_wrapper{
    position: absolute;
    width:100%;
    top:0;
    left: 0;
}

@media (max-width: 1023px){
    
           
    .main_banner{
      background-position: 65%; /* center */
    }  
    
    .main_banner_caption_wrapper .caption {
        position: relative;
        top: auto;
        width: 100%;
        padding:20px 0;
        background: none;
        margin-top: 0;
    }
    
    .main_banner_caption_wrapper{
        position: relative;
        width:100%;
    }
}

.gold_line{
    height: 1px;
    background-color: #8B6F4B;
}




/*----article_content-----*/


.article_content p{
    margin-bottom: 20px;
}


.article_content img{
    width:100%;
    max-width: 500px;
    margin-bottom: 10px;
}

/* =========== 768 ========== */
@media (max-width: 768px){
	
           
    .main_banner{
      background-size: cover;
      background-position: 65%; /* center */
      background-repeat: no-repeat;
      display: block;
      min-height: 435px;/*350px*/
    }     
}
/* =========== 576 ========== */
@media (max-width: 576px){
    .main_banner{
      background-size: cover;
      background-position: 64.5%; /* center */
      background-repeat: no-repeat;
      display: block;
      min-height: 228px;/*350px*/
    }
    
}




/*-----page-marketoutlook------*/


.page-marketoutlook-top-banner{
    width: 100%;
    height: 486px;
    background-image: url("images/private_wealth/page-marketoutlook-top-banner.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0px 20px 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.marketoutlook-content-box-title{
    margin-bottom: 10px;
}

.marketoutlook-content-box p{
    margin-top: 10px;
}
.marketoutlook-content-box a{
    text-decoration: underline;
}
.marketoutlook-content-box a:hover{
    text-decoration: none;
}



body:not(.mobile):not(.tablet) .header-container .header-wrapper .top-menu .item .title a {
    font-size: 0.8rem;
    padding: 0px 8px 0px 8px;
}



/*---cross----*/

.cross-top-banner{
    background-image: url("images/private_wealth/cross-top-banner.jpg");
    align-items: end;
    padding: 70px 20px 20px;
}

.cross-top-banner-middle{
    padding: 0px 70px;
}


@media (max-width: 1023px){
    .cross-top-banner-middle{
         padding: 0px 0px;
    }
}