.unselectable {
-webkit-touch-callout: none;
-webkit-user-callout: none;
-webkit-user-select: none;
-webkit-user-drag: none;
-webkit-user-modify: none;
-webkit-highlight: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-callout: none;
-ms-word-break: break-all;
-ms-word-wrap: break-all;
-webkit-word-break: break-word;
-webkit-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
pointer-events: none;
      }
.onlyDesktop{
display: inline-block;
}
@media (max-width: 1023px){
.onlyDesktop{
display: none;
}
}
.onlyMobile{
display: none;
}
@media (max-width: 768px){
.onlyMobile{
display: block;
}
}
.list-low-roman>li{
list-style: lower-roman;
}
.list-disc {
    list-style-type: disc;
}
.list-disc>li {
    list-style-type: disc;
}
.list-decimal {
    list-style-type: decimal;
}
.list-decimal>li {
    list-style-type: decimal;
}
.list-lower-alpha {
    list-style-type: lower-alpha;
}
.list-lower-alpha>li {
    list-style: lower-alpha;
}
.list-decimal, .list-upper-roman, .list-lower-roman, .list-lower-alpha, .list-disc {
    margin: 0 !important;
    padding-left: 20px;
}
.list-decimal>li, .list-upper-roman>li, .list-lower-roman>li, .list-lower-alpha>li, .list-disc>li {
    margin: 3px 0;
    position: relative;
}
.offer-Remark{
font-size: 12px;
line-height: 120%;
color: #666;
}
.offer-Remark .list-decimal, .offer-Remark .list-lower-alpha, .offer-Remark .list-disc{
    margin: 0;
    padding-left: 1rem;
}
.offer-Remark .list-decimal>li{
    width: 100%;
	text-align: left;
	padding-left: 0.25rem
}
.tncTablx {
 margin: 6px 0;
 border:1px solid #999999;
 text-align:center;
 border-collapse:collapse;
}
.tncTablx td {
 padding:5px;
 border:1px solid #999999;
 vertical-align: middle;
 text-align: center;
}
.tncTablx .head {
 background-color:#666666;
 color:#FFFFFF;
}
.Remarksublist{
padding-left: 10px;
position: relative;
margin: 0.25rem 0;
}
.tncsubList{
padding-left: 30px;
position: relative;
margin: 0.25rem 0;
}
.tncsubList .num, .Remarksublist .num{
position: absolute;
top: 0;
left: 0;
}

.f12{
	font-size: 12px;
	line-height:140%;
	}
.f14{
	font-size: 14px;
	line-height:140%;
	}
.f16{
	font-size: 16px;
	line-height:140%;
	}
.f18{
	font-size: 18px;
	line-height:140%;
	}
.f20{
	font-size: 20px;
	line-height:140%;
	}
.f24{
	font-size: 24px;
	line-height:120%;
	}
.f30{
	font-size: 30px;
	line-height:1;
	}
.f36{
	font-size: 36px;
  line-height:100%;
	}
.f48{
	font-size: 48px;
  line-height:120%;
	}
.BigFont{
font-size: 140%;
line-height: 1;
}
@media (max-width: 576px){
.f20{
	font-size: 18px;
	line-height:140%;
	}
.f24{
	font-size: 22px;
	line-height:140%;
	}
.f30{
	font-size: 28px;
	line-height:120%;
	}
.f36{
	font-size: 30px;
  line-height:120%;
	}
body.small-font-size .f20{
    font-size: 16px;
}
body.large-font-size .f20{
    font-size: 20px;
}
body.small-font-size .f24{
    font-size: 20px;
}
body.large-font-size .f24{
    font-size: 24px;
}
body.small-font-size .f30{
    font-size: 26px;
}
body.large-font-size .f30{
    font-size: 30px;
}
body.small-font-size .f36{
    font-size: 28px;
}
body.large-font-size .f36{
    font-size: 32px;
}
}

body.small-font-size .f12{
    font-size: 10px;
}
body.large-font-size .f12{
    font-size: 14px;
}
body.small-font-size .f14{
    font-size: 12px;
}
body.large-font-size .f14{
    font-size: 16px;
}
body.small-font-size .f16{
    font-size: 14px;
}
body.large-font-size .f16{
    font-size: 18px;
}
body.small-font-size .f18{
    font-size: 16px;
}
body.large-font-size .f18{
    font-size: 20px;
}
body.small-font-size .f20{
    font-size: 18px;
}
body.large-font-size .f20{
    font-size: 22px;
}
body.small-font-size .f24{
    font-size: 22px;
}
body.large-font-size .f24{
    font-size: 26px;
}
body.small-font-size .f30{
    font-size: 26px;
}
body.large-font-size .f30{
    font-size: 34px;
}
body.small-font-size .f36{
    font-size: 32px;
}
body.large-font-size .f36{
    font-size: 40px;
}
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: 11px;
}
body.large-font-size #tncContent{
    font-size: 14px;
}
body.small-font-size .offer-Remark{
    font-size: 11px;
}
body.large-font-size .offer-Remark{
    font-size: 14px;
}
#tncContent{
    font-size: 12px;
	line-height: 140%;
	}

.mt5{
margin-top: 5px;
}
.mb5{
margin-bottom: 5px;
}

.new-blue{
color: #0066b3;
}
.new-lightblue{
color: #0071eb;
}
.new-red{
color: #CF225B;
}
.new-brown{
color: #ac8659;
}
.new-gold{
color: #90482C;
}
.notice-color{
color: #002840;
}
.ncif-highlight{
font-size: 140%;
position: relative;
}
.font-highlight-stroke {
font-size: 200%;
line-height: 1;
position: relative;
            color: #ffff00;
filter: drop-shadow(0 0 4px #00d4cd);
font-weight: bolder;
        }
.font-highlight {
font-size: 160%;
line-height: 1;
position: relative;
color: #ffff00;
filter: drop-shadow(0 0 4px #00d4cd);
        }
.appoint-row{
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-between;
}
a.appoint-btn{
display:block;
min-width: 170px;
padding: 5px 12px;
text-align: center;
background-color: #0066b3;
color: #fff;
text-decoration: none;
font-size: 15px;
border-radius: 4px;
margin-left: 30px;
}
@media (max-width: 576px){
a.appoint-btn{
display: none;
}
}
.notice-block{
background-color: #e3f2fa;
padding: 15px 20px;
border-radius: 8px;
text-align: center;
}
.notice-gift-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.notice-seprate-line{
position: relative;
width: calc(100% - 20px);
min-height: 24px;
background-image: linear-gradient(to right, #696a6c, #c2c5c6, #696a6c);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 1px;
margin: 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.notice-seprate-line::before{
content: "";
width: 4px;
height: 4px;
position: absolute;
left: -10px;
top: calc(50% - 3px);
background-color: #696a6c;
border-radius: 20px;
}
.notice-seprate-line::after{
content: "";
width: 4px;
height: 4px;
position: absolute;
right: -10px;
top: calc(50% - 3px);
background-color: #696a6c;
border-radius: 20px;
}
.notice-star-row{
display: inline-block;
background-image: url("../images/icon-star.png");
background-repeat: no-repeat;
background-position: top 7px left;
background-size: 12px auto;
padding-left: 18px;
margin: 2px 0;
}
.notice-block-btn{
display: inline-block;
padding: 0 20px;
background-color: #e3f2fa;
margin-left: 20px;
margin-right: 20px;
}

.title-head-row{
position: relative;
z-index: 5;
}
.title-head-number{
position: absolute;
left: 0;
top: 0;
}
.title-head{
padding: 8px 20px 8px 30px;
background-color: #026bac;
background-image: linear-gradient(120deg, #0066b3, #00426b);
color: #fff;
position: relative;
font-weight: bold;
display: inline-block;
margin-top: 10px;
margin-left: 40px;
margin-right: 15px;
transform: skewX(-15deg);
}
.title-inner{
transform: skewX(15deg);
position: relative;
}
.light {
				position: absolute;
				left: 0;
				bottom: 0;
				display: block;
				width: 200px;
				height: 100%;
				background: linear-gradient(to right, transparent, white, transparent);
				transform: skewX(0deg);
				animation: slide-in-light 5s ease infinite;
				opacity: 0.6;
				z-index: 5;
			}
.light-slim {
				position: absolute;
				left: 0;
				bottom: 0;
				display: block;
				width: 80px;
				height: 100%;
				background: linear-gradient(to right, transparent, white, transparent);
				transform: skewX(0deg);
				animation: slide-in-light 5s ease infinite;
				opacity: 0.6;
				z-index: 5;
			}
.light-slim-skew{
transform: skewX(-15deg);
}
			@keyframes slide-in-light {
				0% {left: -10%; opacity: 0;}
				5% {opacity: 0.8;}
				40% {left: 95%; opacity: 0.5;}
				100% {left: 95%; opacity: 0;}
			}
.barchart-animate{
position: absolute;
right: -20px;
bottom: -20px;
	animation: rotateAnimation 5s ease-in-out infinite;
}
@keyframes rotateAnimation {
				0%, 30% {transform: rotateY(0deg);}
	15% {transform: rotateY(180deg);}
			}
.candlestick-animate{
position: absolute;
left: -50px;
top: 200px;
animation: MoveUpDown 5s ease-in-out infinite;
}
@keyframes MoveUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
@media (max-width: 576px){
.track-offer-img{
display: none !important;
}
.barchart-animate{
position: relative;
right: auto;
bottom: auto;
}
.candlestick-animate{
position: relative;
left: auto;
top: auto;
}
}
.db-jumping-animate{
animation: db-rotate 3s linear infinite;
}
@keyframes db-rotate {
  0%, 100% {
            transform:  rotate(0deg);
  }
  50% {
            transform:  rotate(-8deg);
  }


}
.newoffer_block-seprateline{
width: 100%;
max-width: 600px;
background-image: linear-gradient(to right, #ccc, #ccc);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 1px;
text-align: center;
margin: 20px auto;
}
.newoffer_block-seprateline-dot{
display: inline-block;
background-color: #f4fafd;
border-radius: 99px;
padding: 0 10px;
}
.newoffer_block{
padding: 30px 30px 15px;
background-color: #f4fafd;
margin-top: -15px;
position: relative;
border-radius: 0 10px 10px 10px
}
.newoffer_block_2{
padding: 10px 40px;
background-color: #f4fafd;
border-radius: 10px
}
.newoffer_row{
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
margin-left: -10px;
margin-right: -10px;
}
.newoffer_col{
margin: 5px 10px;
}
.newoffer_sub_row{
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.newoffer_sub_col{
padding: 0 15px;
border-right: 1px solid #ccc;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: center;
width: 50%;
}
.wealthoffer_sub_col{
padding: 20px 0;
width: 100%;
border-bottom: 1px solid #ccc;
margin: 0 40px;
}
.wealthoffer_sub_col-content{
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.newoffer_sub_col:last-child{
border: none;
}
.wealthoffer_sub_col:last-child{
border: none;
}
.newoffer_sub2_col{
margin: 5px;
}
.grey_line{
border-bottom: 1px solid #ccc;
margin: 20px 0;
}
@media (max-width: 576px){
.newoffer_row{
flex-wrap: wrap;
}
.newoffer_col{
width: 100%;
}
.newoffer_sub_row{
flex-wrap: wrap;
margin: -15px;
}
.newoffer_sub_col{
width: 100%;
flex-wrap: wrap;
border-right: none;
border-bottom: 1px solid #ccc;
padding: 20px 0;
margin: 0 15px;
}
.wealthoffer_sub_col{
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #ccc;
margin: 0;
}
}
.section-title-head{
background-image: linear-gradient(120deg, #757679, #a9a9a9, #6e6f72, #939598, #dcddde 70%, #757679);
padding: 10px 25px;
color: #fff;
font-weight: bold;
text-shadow: 2px 2px 1px #333;
display: inline-block;
background-size: 100% 100%;
position: relative;
}

.disc-gold{
padding-left: 20px;
margin-top: 10px;
}
.disc-gold li::marker{
color: #90482C;
}
.disc-gold > li, .mobile .disc-gold > li{
margin: 5px 0 0 0;
padding: 0;
}

.links-Btn{
transition: transform 0.2s ease-out;
cursor: pointer;
}
.links-Btn:hover{
transform: scale(1.05);
}
.tagon-row{
position: relative;
z-index: 5;
text-align: left;
margin-right: 30px;
}
.tagon-head{
padding: 10px 15px;
font-size: 20px;
line-height: 120%;
background-color: #0066b3;
color: #fff;
position: relative;
font-weight: bold;
display: inline-block;
}
.tagon-content{
padding: 30px 30px 20px 30px;
border: 1px solid #026bac;
margin-top: -20px;
}

.more-btn{
padding: 5px 15px;
display: inline-block;
background-color: #0066b3;
color: #fff;
font-size: 18px;
}
.tagon_block_flex{
padding: 20px 30px;
background-color: #f4fafd;
display: flex;
flex-wrap: nowrap;
}
.cgc-head{
display: inline-block;
padding: 10px 15px;
background-image: linear-gradient(120deg, #0066b3, #00426b);
background-color: #0066b3;
font-weight: bold;
color: #fff;
}
@media (max-width: 768px){
.tagon_block_flex{
flex-wrap: wrap;
}
.tagon_block_col{
width: 100%;
}
.cgc-head{
margin-top: 10px;
}
}
.eaccount-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-left: -10px;
margin-right: -10px;
}
.eaccount-col{
padding: 10px;
}
.eaccount-col img{
width: 340px;
height: auto;
}
@media (max-width: 768px){
.eaccount-row{
flex-wrap: wrap;
}
.eaccount-col{
width: 100%;
}
.eaccount-col img{
width: 100%;
height: auto;
max-width: 340px;
}
}
.details-Btn{
transition: transform 0.2s ease-out;
cursor: pointer;
}
.details-Btn:hover{
transform: scale(1.05);
}

.app-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
max-width: 460px;
}
.slidein{
animation: slide-in 1s ease infinite;
			}
			@keyframes slide-in {
				50% {transform: scale(1)}
				60% {transform: scale(1.05)}
			}
.offer_app_row{
		display: flex;
		flex-wrap: nowrap;
		margin-left: -15px;
		margin-right: -15px;
        align-items: center;
		}
		.offer_app_col{
		padding: 0 15px;
		}
		@media (max-width: 576px){
		.offer_app_row{
		flex-wrap: wrap;
		}
		.offer_app_col{
		width: 100%;
		padding: 10px 15px;
		}
		}

/**contact bar**/
.contact-row{
display: flex;
flex-wrap: nowrap;
background-color: #eeeeee;
padding: 10px 0 10px 20px;
align-items: flex-start;
}
.contact-col{
display: flex;
flex-wrap: nowrap;
align-items: center;
width: 110px;
}
.contact-col2{
display: flex;
flex-wrap: wrap;
align-items: center;
width: calc(100% - 110px);
}
.contact-subcol{
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 5px 10px;
}
.appointment_btn{
background-color: #0066b3;
padding: 5px 10px;
display: inline-block;
border-radius: 8px;
color: #fff;
}
@media (max-width: 576px){
.contact-row{
align-items: flex-start;
}
.contact-col2{
flex-wrap: wrap;
}
.appointment_btn{
width: auto;
}
}
.gg-format-slash {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: rotate(25deg) scale(var(--ggs,1));
    width: 1px;
    height: 48px;
    background: #333333;
    border-radius: 1px;
	margin-left: 5px;
}
.close{
padding-top: 10px;
}
@media (max-width: 576px){
.close{
display: block;
float: none;
}
}
		.float-cfa{
background-color: #efefef;
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
}
.cfa-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.cfa-col1{
padding: 0;
}
.cfa-col2{
padding: 15px 20px 10px 20px;
font-size: 20px;
line-height: 120%;
}
@media (max-width: 576px){
.cfa-row{
align-items: flex-start;
}
.cfa-col1{
display: none;
}
.cfa-col2{
padding: 0 30px 20px 10px;
font-size: 16px;
}
}

/**20250623 update**/
.bulb-block{
padding: 10px 20px 10px 34px;
position: relative;
border: 1px solid #fbb03b;
border-radius: 10px 20px 20px 20px;
max-width: 680px;
margin-left: 10px;
margin-top: 20px;
background-image: linear-gradient(90deg, #fff6a4, #fffef0 30% 60%, #fff6a4);
background-color: #fcf7cd;
}
.blub-img{
position: absolute;
left: -20px;
top: -20px;
}

/**20250915 update**/
.offer-sepreate{
width: 100%;
height: 15px;
background: url("../images/ntb-seprateline.svg");
background-repeat: no-repeat;
background-size: 800px 15px;
background-position: center;
margin: 40px 0;
}
.strategy-title-head{
padding: 8px 40px;
background-color: #026bac;
background-image: linear-gradient(120deg, #757679, #a9a9a9, #6e6f72, #939598, #dcddde 70%, #757679);
color: #fff;
position: relative;
font-weight: bold;
display: inline-block;
transform: skewX(-15deg);
z-index: 5;
text-shadow: 2px 2px 1px #333;
overflow: hidden;
margin-left: -10px;
box-shadow: 3px 3px 0 white;
}
.strategy-tablx-container{
margin-top: -20px;
background-color: #f4fafd;
padding: 35px 30px 20px;
border-radius: 0 10px 10px 10px;
}
table.strategy-tablx{
border-collapse: separate;
border: 1px solid #0066b3;
min-width: 600px;
}
table.strategy-tablx td{
padding: 20px 15px;
border: none;
text-align: center;
vertical-align: middle;
position: relative;
background-color: #fff;
}

table.strategy-tablx td.head{
background-image: linear-gradient(to top, #0066b3, #00426b);
color: white;
font-weight: bold;
padding: 15px 15px;
}
.strategy-tablx .sum{
background-image: linear-gradient(to bottom, #0066b3, #00426b);
color: white;
font-weight: bold;
padding: 15px 15px;
border-bottom: 1px solid white;
position: relative;
overflow: hidden;
}
table.strategy-tablx td.sub-head{
background-color: #f4fafd;
font-weight: bold;
border-bottom: 1px solid #ccc;
}
.strategy-tablx .plus {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 900;
  color: #fff;
  background: #0b74d0;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.12);
  line-height: 1;
}
.font-highlight-yellow {
position: relative;
color: #ffff00;
filter: drop-shadow(0 0 4px #00d4cd);
overflow: hidden;
        }
.font-highlight-blue {
position: relative;
text-shadow: 0 0 4px #ffff00, 0 0 8px #ffff00;
overflow: hidden;
        }