@media (max-width: 768px){
.onlyDesktop{
display: none;
}
}
.offer-Remark{
font-family: Arial, Helvetica, MingLiU;
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
}
.tablx .head-blue{
background:#054c9b;
color:#FFF;
padding:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
font-size: 18px;
}
.offer-remark{
	color:#666;
	}
.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;
}

.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;
    padding-left: 20px;
}
.remark .list-decimal, .remark .list-lower-alpha, .remark .list-disc{
    margin: 0;
    padding-left: 15px;
}
.list-decimal>li, .list-upper-roman>li, .list-lower-roman>li, .list-lower-alpha>li, .list-disc>li{
    margin: 2px 0;
	position: relative;
	}
.container-plan .list-disc>li{
margin: 10px 0;
position: relative;
}
.f14{
	font-size: 0.875rem;
	line-height:140%;
	}
.f20{
	font-size: 1.25rem;
	line-height:140%;
	}
.f18{
	font-size: 1.125rem;
	line-height:120%;
	}
.f16{
	font-size: 1rem;
	line-height:140%;
	}
.f12{
	font-size: 0.75rem;
	line-height:120%;
	}
.f24{
	font-size: 1.5rem;
	line-height:120%;
	}
.f30{
	font-size: 1.875rem;
	line-height:120%;
	}
.f36{
	font-size: 2.25rem;
  line-height:120%;
	}
.new-pink{
color: #fe1470;
}
.new-orange{
color: #F07C10;
}
.new-blue{
color: #054c9b;
}
.new-yellow{
color: #ffdc00;
}
.promo-highlight{
color: #054c9b;
}
.sof-color{
color: #8641c9;
}
.sof-color2{
color: #b48340;
}
.mt5{
	margin-top:5px;
	}
.card-tag-row{
display: flex;
flex-wrap: wrap-reverse;
justify-content: space-between;
}
@media (max-width: 768px){
.card-tag-col{
width: 100%;
text-align: right;
}
}
a.cfa-button{
display: inline-block;
background-color: #054c9b;
border-radius: 30px;
padding: 5px 30px;
color: #ffffff;
border: 2px solid #99EAFF;
cursor: pointer;
text-align: center;
font-weight: bold;
font-size: 20px;
}
a.cfa-button:hover{
color: #fff;
}
.unselectable {
        -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: 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;
      }
.offer-title{
display: inline-block;
padding: 0 15px;
margin: 0 30px;
background-color: #fff;
position: relative;
z-index: 5;
font-weight: bold;
}
.offer-border{
clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 25px, 100% calc(100% - 25px), calc(100% - 25px) 100%, 25px 100%, 0% calc(100% - 25px), 0% 25px);
background-image: linear-gradient(60deg, #b48340, #fff, #b48340, #fff, #b48340);
width: 100%;
max-width: 680px;
margin-left: auto;
margin-right: auto;
padding: 4px;
position: relative;
}
.offer-border-iiner{
clip-path: polygon(24px 0%, calc(100% - 24px) 0%, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0% calc(100% - 24px), 0% 24px);
background-color: #fff;
text-align: center;
padding: 20px 25px
}

.tagon-block{
border: 1px solid #054c9b;
border-radius: 20px;
padding: 15px 10px 10px;
width: 100%;
max-width: 550px;
margin-left: auto;
margin-right: auto;
margin-top: -15px;
}
.tagon-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.tagon-col{
padding: 10px 15px;
}
@media (max-width: 576px){
.tagon-row{
flex-wrap: wrap;
}
.tagon-col{
width: 100%;
text-align: center;
}
}
a.tagon-button{
display: inline-block;
background-color: #054c9b;
border-radius: 30px;
padding: 5px 30px;
color: #ffffff;
border: 2px solid #99EAFF;
cursor: pointer;
text-align: center;
font-weight: bold;
font-size: 16px;
}
a.tagon-button:hover{
color: #fff;
}
.tagon-button-sms{
display: inline-block;
background-color: #054c9b;
border-radius: 15px;
padding: 5px 30px;
color: #ffffff;
border: 2px solid #99EAFF;
cursor: pointer;
text-align: center;
font-weight: bold;
font-size: 16px;
}