.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: 1.4;
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:1.4;
	}
.f28{
	font-size: 28px;
	line-height:1.4;
	}
.f30{
	font-size: 30px;
	line-height:1.2;
	}
.f36{
	font-size: 36px;
  line-height:1.2;
	}
.f48{
	font-size: 48px;
  line-height:120%;
	}
.BigFont{
font-size: 140%;
line-height: 1;
}
.BigFont2{
font-size: 160%;
line-height: 1;
}
@media (max-width: 576px){
.f20{
	font-size: 18px;
	line-height:140%;
	}
.f24{
	font-size: 22px;
	line-height:140%;
	}
.f28{
	font-size: 26px;
	line-height:1.4;
	}
.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 .f28{
    font-size: 26px;
}
body.large-font-size .f28{
    font-size: 30px;
}
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{
    font-size: 12px;
	line-height: 140%;
	color: #666;
	margin-top: 10px;
	}

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

.new-blue{
color: #0066b3;
}
.new-lightblue{
color: #0071eb;
}
.new-red{
color: #CF225B;
}
.new-yellow{
color: #ffff00;
}
.new-brown{
color: #ac8659;
}
.ntb-color{
color: #0f84fc;
}
.ntb-promo-bk{
background-image: url("../images/ntb-bk_top.jpg"), url("../images/ntb-bk_bottom.jpg");
background-position: center top, center bottom;
background-size: 2500px 980px, 2500px 980px;
background-repeat: no-repeat;
position: relative;
padding: 50px 0 40px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.ntb-promo-bk::before{
content: "";
width: 100%;
height: 10px;
background-image: linear-gradient(to right, transparent, #93b3c7, white, #2972c3, white, #93b3c7, transparent);
background-size: 2500px 10px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
top: 0;
}

.white-shadow{
text-shadow: -3px -3px 4px white, 3px -3px 4px white, 3px 3px 4px white, -3px 3px 4px white;
}
.title-shadow{
filter: drop-shadow(1px 1px 2px #01bff6) 
          drop-shadow(-1px -1px 2px #01bff6) 
          drop-shadow(1px -1px 2px #01bff6) 
          drop-shadow(-1px 1px 2px #01bff6);
}
.purple-shadow{
filter: drop-shadow(1px 1px 2px #715961) 
          drop-shadow(-1px -1px 2px #715961) 
          drop-shadow(1px -1px 2px #715961) 
          drop-shadow(-1px 1px 2px #715961);
}
.purple-text-shadow{
text-shadow: 2px 2px 2px #715961, -2px -2px 2px #715961, 2px -2px 2px #715961, -2px 2px 2px #715961;
font-weight: bold;
color: white;
margin: 0 3px;
}
.title-block{
background-image: linear-gradient(45deg, #93b3c7, white, #93b3c7, white, #93b3c7);
clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
  width: 100%;
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.title-block::before{
content: "";
position: absolute;
left: 3px;
top: 3px;
background-color: #2972c3;
width: calc(100% - 6px);
height: calc(100% - 6px);
clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
}
.title-block-inner{
text-align: center;
  padding: 15px 20px;
  color: white;
font-weight: 900;
position: relative;
}
.privileges-container{
background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6) 10% 90%, transparent);
padding: 35px 20px 15px;
text-align: center;
margin-top: -20px;
}
.offer-block-container{
padding-left: 20px;
padding-top: 10px;
position: relative;
}
.offer-block {
border: 6px solid transparent;
  border-image-source: linear-gradient(45deg, #93b3c7, white, #93b3c7, white, #93b3c7);
  border-image-slice: 1;
  width: 100%;
  position: relative;
}
.offer-block-no{
position: absolute;
left: 0;
top: 0;
z-index: 5;
filter: drop-shadow(3px 3px 2px rgb(0, 0, 0, 0.3));
}
.offer-title{
background-color: rgba(41, 114, 195, 1);
padding: 20px 35px 20px 65px;
color: white;
font-weight: 900;
}
.offer-content{
padding: 20px 30px;
  background-color: rgba(180, 180, 180, 0.2); 
}


.ntb-offer-block{
border-radius: 40px;
background-color: #fff;
background: linear-gradient(30deg, #dee1ee, #ffffff 20% 80%, #dee1ee) padding-box,
            linear-gradient(45deg, #93b3c7, white, #93b3c7, white, #93b3c7) border-box;
border: 6px solid transparent;
box-shadow: 6px 6px 6px rgb(145, 155, 197, 0.5);
display: flex;
flex-wrap: wrap;
min-height: 260px;
margin-top: 30px;
overflow: hidden;
}
.ntb-offer-inner-image{
width: 40%;
background-size: cover;
background-position: center;
}
.vi-offer-img{
background-image: url("../images/vi_offer-img.jpg");
}
.sec_offer-img{
background-image: url("../images/se-tagon-img-en.jpg");
}
.ntb-offer-inner-content{
width: 60%;
padding: 20px 30px;
display: flex;
flex-flow: column;
justify-content: space-between;
}
.ntb-disc{
padding-left: 25px;
margin-top: 10px;
}
.ntb-disc li::marker{
color: #0b87fb;
}
.ntb-disc > li, .mobile .ntb-disc > li{
margin: 5px 0 0 0;
padding: 0;
}
@media (max-width: 576px){
.ntb-offer-inner-image{
width: 100%;
min-height: 180px;
}
.ntb-offer-inner-content{
width: 100%;
padding: 20px;
background-color: #fff;
}
.vi-offer-img{
background-image: url("../images/vi_offer-img-m.jpg");
}
.sec_offer-img{
background-image: url("../images/se-tagon-img.jpg");
}
}
a.ntb-details-btn{
padding: 6px 25px 8px;
font-weight: bold;
color: #fff;
background-color: #0b5bb5;
box-shadow: 2px 2px 4px 2px rgb(255, 255, 255, 0.35) inset, -2px -2px 4px 2px rgb(0, 0, 0, 0.35) inset, -2px -2px 6px white, 2px -2px 6px white, 2px 2px 6px white, -2px 2px 6px white;
border-radius: 8px;
}
table.strategy-tablx{
border-collapse: separate;
border: 1px solid #0066b3;
min-width: 600px;
}
table.strategy-tablx td{
padding: 10px 15px;
border: none;
text-align: center;
vertical-align: middle;
position: relative;
background-color: #fff;
}

table.strategy-tablx td.head{
background-color: #2972c3;
color: white;
font-weight: bold;
padding: 10px 15px;
}
.strategy-tablx .sum{
background-color: #2972c3;
color: white;
font-weight: bold;
padding: 10px 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: relative;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  font-weight: 900;
  color: #fff;
  background: #0f84fc;
  line-height: 25px;
  margin: 5px auto;
}
.ntb-example-block{
position: relative;
display: inline-block;
text-align: center;
padding: 8px 40px 8px 20px;
font-weight: bold;
color: #fff;
cursor: pointer;
font-weight: bold;
color: #fff;
background-color: #0b5bb5;
box-shadow: 2px 2px 4px 2px rgb(255, 255, 255, 0.35) inset, -2px -2px 4px 2px rgb(0, 0, 0, 0.35) inset;
border-radius: 8px;
}
.ntb-example-content{
display: none;
position: relative;
width: 100%;
margin-top: 10px;
position: relative;
z-index: 5;
}

.ntb-example-btn{
position: absolute;
top: 0;
right: 15px;
width: 18px;
height: 100%;
background-image: url("../images/arrow-white.svg");
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
transition: 0.2s;
}
.ntb-example-btn.btn-open{
transform: rotate(-180deg);
transition: 0.2s;
}
.eaccount-offer-block{
border-radius: 40px;
background-color: #fff;
background: linear-gradient(30deg, #dee1ee, #ffffff 20% 80%, #dee1ee) padding-box,
            linear-gradient(45deg, #919bc5, white, #919bc5, white, #919bc5) border-box;
border: 6px solid transparent;
box-shadow: 6px 6px 6px rgb(145, 155, 197, 0.5);
padding: 30px 40px;
overflow: hidden;
}
.eaccount-offer-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 10px 20px;
}
@media (max-width: 576px){
.eaccount-offer-row{
flex-flow: column;
align-items: center;
justify-content: center;
}
}
.app-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
max-width: 460px;
}
.remark_n_btn_row{
display: flex;
flex-wrap: nowrap;
gap: 15px;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 576px){
.remark_n_btn_row{
flex-flow: column;
justify-content: space-between;
}
}
.notice-block{
background-color: #e3f2fa;
padding: 15px 20px 5px;
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: block;
text-align: 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: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px 25px;
width: 100%;
max-width: 740px;
margin: 0 auto;
}
.notice-star-col{
background-image: url("../images/icon-star.png");
background-repeat: no-repeat;
background-position: top 6px left;
background-size: 12px auto;
padding-left: 18px;
text-align: left;
}
.notice-diamond-col{
background-image: url("../images/dark-diamond.svg");
background-repeat: no-repeat;
background-position: top 6px left;
background-size: 12px auto;
padding-left: 18px;
text-align: left;
}
.notice-block-btn{
display: inline-block;
padding: 0 20px;
background-color: #e3f2fa;
margin-left: 20px;
margin-right: 20px;
}
.stock-offer-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
gap: 20px 15px;
}
.stock-offer-col{
width: calc(50% - 40px);
}
@media (max-width: 576px){
.stock-offer-row{
flex-flow: column;
}
.stock-offer-col{
width: 100%;
}
}
.stock-offer-plus {
  width: 40px;
  height: 40px;
  background-color: #0f84fc;
  background-image: url("../images/ntb-white-plus.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  border-radius: 99px;
  position: relative;
  z-index: 5;
  align-self: center;
  flex-shrink: 1;
}
.gold-title {
  filter: drop-shadow(-3px -3px 2px rgb(131, 77, 0, 0.8)) drop-shadow(3px -2px 2px rgb(131, 77, 0, 0.8)) drop-shadow(3px 3px 2px rgb(131, 77, 0, 0.8)) drop-shadow(-3px 3px 2px rgb(131, 77, 0, 0.8));
}
.chinacus-offer-block {
border: 6px solid transparent;
  border-image-source: linear-gradient(45deg, #fef870, #c08432, #fef870, #c08432, #fef870);
  border-image-slice: 1;
  width: 100%;
  position: relative;
  background-color: white;
  padding: 20px 30px;
}
.chinacus-offer-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
gap: 15px;
}
@media (max-width: 576px){
.chinacus-offer-row{
flex-flow: column;
}
}
.blub-row{
display: flex;
flex-wrap: nowrap;
gap: 10px;
border-radius: 10px;
background-color: #fff;
background: linear-gradient(30deg, #d4e3f3, #ffffff 30% 70%, #d4e3f3) padding-box,
            linear-gradient(45deg, #0066b3, white, #0066b3, white, #0066b3) border-box;
border: 3px solid transparent;
padding: 5px 10px;
}

.cfa-bar{
background-image: linear-gradient(60deg, #004aad, #3bbffa, #004aad 20% 50%, #3bbffa, #004aad);
position: relative;
padding: 20px 20px;
text-align: center;
margin-top: 0;
}
.cfa-bar-inner{
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px 20px;
color: white;
font-weight: bold;
padding: 0 30px;
position: relative;
}
.cfa-bar-inner::before{
content: "";
width: 300px;
height: 1px;
background-image: linear-gradient(to right, transparent, white);
position: absolute;
top: 50%;
left: -300px;
}
.cfa-bar-inner::after{
content: "";
width: 300px;
height: 1px;
background-image: linear-gradient(to left, transparent, white);
position: absolute;
top: 50%;
right: -300px;
}
.ntb-leadin-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 10px 20px;
}
@media (max-width: 576px){
.ntb-leadin-row{
flex-flow: column;
justify-content: center;
}
}