/**float-bar**/
.float-cfa{
background-color: #dddddd;
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
padding: 8px 0;
}
.cfa-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.cfa-col1{
padding: 5px;
width: 40%;
}
.cfa-col2{
padding: 5px;
width: 45%;
}
@media (max-width: 576px){
.cfa-row{
flex-wrap: wrap;
}
.cfa-col1, .cfa-col2{
width: 100%;
}
}
.app-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.close{
float: left;
cursor: pointer;
}
@media (max-width: 576px){
.close{
display: block;
float: none;
}
}

.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: 576px){
.onlyDesktop{
display: none;
}
}
.onlyMobile{
display: none;
}
@media (max-width: 576px){
.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;
    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: 25px;
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:140%;
	}
.f28{
	font-size: 28px;
	line-height:140%;
	}
.f30{
	font-size: 30px;
	line-height:1;
	}
.f36{
	font-size: 36px;
  line-height:100%;
	}
.f40{
	font-size: 40px;
  line-height:100%;
	}
.f48{
	font-size: 48px;
  line-height: 1;
	}
.BigFont{
font-size: 140%;
line-height: 1.2;
}
@media (max-width: 576px){
.f18{
	font-size: 16px;
	line-height:140%;
	}
.f20{
	font-size: 18px;
	line-height:140%;
	}
.f24{
	font-size: 22px;
	line-height:140%;
	}
.f28{
	font-size: 24px;
	line-height:140%;
	}
.f30{
	font-size: 28px;
	line-height:120%;
	}
.f36{
	font-size: 30px;
  line-height:120%;
	}
}

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;
}
.mt15{
margin-top: 15px;
}
.mb5{
margin-bottom: 5px;
}
.new-blue{
color: #0066b3;
}
.new-lightblue{
color: #0071eb;
}
.new-red{
color: #CF225B;
}
.new-brown{
color: #ac8659;
}
.aip-highlight{
color: #117aed;
}
.aip-color{
color: #ff7e27;
}
.aip-color2{
color: #ff5b4d;
}


.leadin-bk{
background-image: linear-gradient(to bottom, #e5f7fb, #ffffff 30%);
padding-top: 30px;
}
a.aip-apply-btn{
display: inline-block;
padding: 8px 40px;
background-color: #ff5b4d;
background-image: linear-gradient(to left, #ffcfae, #ff7e27 30%);
color: #fff;
border-radius: 99px;
box-shadow: 3px 3px 4px rgb(17, 122, 237, 0.5);
width: 100%;
max-width: 200px;
text-align: center;
position: relative;
}
a.aip-apply-btn:hover{
background-image: linear-gradient(to bottom, #00e0f7, #117aed 80%);
}
.light-left {
				position: absolute;
				left: -80%;
				top: 0;
				display: block;
				width: 100px;
				height: 100%;
				background: linear-gradient(to right, transparent, white, transparent);
				transform: skewX(-5deg);
				animation: slide-in-light-left 4s ease infinite;
				opacity: 0.6;
				z-index: 5;
			}
			@keyframes slide-in-light-left {
				0% {left: -20%; opacity: 0;}
				5% {opacity: 0.8;}
				30% {left: 95%; opacity: 0;}
				100% {left: 95%; opacity: 0;}
			}
.aip-apply-btn-sms{
display: inline-block;
padding: 8px 40px;
background-color: #ff5b4d;
background-image: linear-gradient(to left, #ffcfae, #ff7e27 30%);
color: #fff;
border-radius: 30px;
box-shadow: 3px 3px 4px rgb(17, 122, 237, 0.5);
text-align: center;
position: relative;
}


/**aip-tab start**/
.tab_container{
margin-top: 50px;
}
.tab-wrap-new{
display: flex;
flex-wrap: nowrap;
justify-content: center;
margin-left: -8px;
margin-right: -8px;
}
.aip-tab{
width: calc(50% - 16px);
max-width: 340px;
background-image: linear-gradient(to bottom, #ccf9fd, #ffffff 80%);
text-align: center;
padding: 15px 20px;
box-shadow: 4px 4px 2px rgb(17, 122, 237, 0.5);
border-radius: 30px 10px 10px 0;
transform: skewX(-10deg);
margin: 0 8px;
color: #117aed;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
line-height: 1.2;
cursor: pointer;
}
.aip-tab-en{
font-size: 26px;
}
.aip-tab-inner{
transform: skewX(10deg);
}
.aip-tab.tabActive{
background-image: linear-gradient(to bottom, #00e0f7, #40a4ff 80%) !important;
color: #ffffff;
}
@media (max-width: 576px){
.aip-tab, .aip-tab-en{
font-size: 20px;
padding: 10px 15px;
}
}
.tab-con-new{
display: none;
}
.conActive {
    display: block !important;
}

.aip-tab-bk{
background-image: linear-gradient(to left, #eaf7f9, #ffffff);
margin-top: 20px;
}
.aip-tab-bk-pattern{
position: relative;
padding-top: 40px;
padding-bottom: 40px;
}
.aip-tab-bk-pattern::before{
content: "";
position: absolute;
width: 540px;
height: 368px;
top: 0;
left: -120px;
background-image: url("../images/premium_free_annual_insurance_plan/pattern-top.png");
background-size: cover;
}
.aip-tab-bk-pattern::after{
content: "";
position: absolute;
width: 540px;
height: 368px;
bottom: 0;
right: -120px;
background-image: url("../images/premium_free_annual_insurance_plan/pattern-bottom.png");
background-size: cover;
}

/**aip-tab end**/

/**aip-table start**/
.align-middle {
  vertical-align: middle;
}
table.aip-table{
border-collapse: separate;
border: 0;
filter: drop-shadow(6px 6px 6px rgb(17, 122, 237, 0.5));
margin-right: -12px;
padding-right: 12px;
padding-bottom: 12px;
min-width: 900px;
position: relative;
z-index: 5;
}
table.aip-table td{
position: relative;
padding: 15px 20px;
background-color: #fff;
vertical-align: middle !important;
}
table.aip-table-padding td{
padding: 15px 15px;
}
table.aip-table td.btl-corner {
  border-top-left-radius: 20px;
}
table.aip-table td.btr-corner {
  border-top-right-radius: 20px;
}
table.aip-table td.bbl-corner {
  border-bottom-left-radius: 20px;
}
table.aip-table td.bbr-corner {
  border-bottom-right-radius: 20px;
}
table.aip-table td.head{
background-image: linear-gradient(to bottom, #00e0f7, #40a4ff 80%);
color: #fff;
font-weight: bold;
}
table.aip-table td.aip-table-bk{
background-image: linear-gradient(to right, #ffffff, #ccf0f7);
}
.td-left-ts-line::before{
content: "";
position: absolute;
background-color: #117aed;
width: 1px;
height: calc(100% - 10px);
left: 0;
top: 10px;
}
.td-left-bs-line::before{
content: "";
position: absolute;
background-color: #117aed;
width: 1px;
height: calc(100% - 10px);
left: 0;
bottom: 10px;
}
.td-left-tbs-line-w::before{
content: "";
position: absolute;
background-color: #ffffff;
width: 1px;
height: calc(100% - 20px);
left: 0;
top: 10px;
}
.td-bottom-line::after{
content: "";
position: absolute;
background-color: #117aed;
width: 100%;
height: 2px;
left: 0;
bottom: 0;
}
.td-bottom-lrs-line::after{
content: "";
position: absolute;
background-color: #117aed;
width: calc(100% - 20px);
height: 1px;
left: 10px;
bottom: 0;
}
.td-bottom-ls-line::after{
content: "";
position: absolute;
background-color: #117aed;
width: calc(100% - 10px);
height: 1px;
left: 10px;
bottom: 0;
}
.td-bottom-rs-line::after{
content: "";
position: absolute;
background-color: #117aed;
width: calc(100% - 10px);
height: 1px;
right: 10px;
bottom: 0;
}
.td-left-line{
border-left: 1px solid #117aed;
}
.td-bottom-line{
border-bottom: 1px solid #117aed;
}
.aip-table-step{
position: relative;
padding-left: 25px;
}
.aip-table-step .num{
position: absolute;
left: 0;
top: 2px;
}
.aip-table-next{
vertical-align: middle;
position: relative;
top: -2px;
width: 16px;
}
/**aip-table end**/
/**insurance-nav start**/
.insurance-nav{
display: flex;
flex-wrap: nowrap;
background: linear-gradient(to bottom, #fff, #f3f8fe);
margin-top: 50px;
box-shadow: 0 0 10px rgb(17, 122, 237, 0.5);
}
a.insurance-nav-col{
width: 33.33%;
padding: 15px 20px;
position: relative;
color: #117aed;
transition: background 0.2s ease;
display: flex;
justify-content: center;
font-size: 20px;
line-height: 1.2;
}
@media (max-width: 576px){
a.insurance-nav-col{
font-size: 16px;
}
}
.width-divider::after{
content: "";
position: absolute;
background-color: #cccccc;
width: 1px;
height: calc(100% - 30px);
left: 0;
top: 15px;
z-index: 5;
}
a.insurance-nav-col:hover{
background: #f3f8fe;
}
a.insurance-nav-col:hover::before{
content: "";
position: absolute;
background-color: #117aed;
width: 100%;
height: 3px;
left: 0;
top: 0;
z-index: 5;
}
/**insurance-nav end**/

/**insurance-content start**/
.plan-header{
width: 110%;
margin-left: -20%;
padding-left: 20%;
background-image: linear-gradient(to right, transparent, #00e0f7, #117aed 30%, transparent);
margin-top: 40px;
position: relative;
z-index: 5;
}
.plan-header-inner{
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 15px;
}
.plan-header-inner-text{
padding-bottom: 10px;
background-image: linear-gradient(to right, white, transparent);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 4px;
color: #fff;
font-weight: bold;
font-size: 28px;
line-height: 1.2;
margin-left: 10px;
}
@media (max-width: 576px){
.plan-header{
width: 120%;
background-image: linear-gradient(to right, transparent, #00e0f7, #117aed 30%);
}
.plan-header-inner-text{
font-size: 24px;
}
}
.plan-detail-block{
padding: 110px 30px 30px 30px;
box-shadow: 6px 6px 12px rgb(17, 122, 237, 0.5);
border-radius: 20px;
background: linear-gradient(to right, #ffffff, #ccf0f7);
position: relative;
margin-top: -90px;
overflow: hidden;
}
.plan-detail-block::before{
content: "";
width: 350px;
height: 520px;
background-image: url("../images/premium_free_annual_insurance_plan/feature-patttern.png");
background-size: cover;
position: absolute;
right: 0;
bottom: 0;
}
.plan-detail-container{
position: relative;
z-index: 5;
}
.detail-bullet{
padding-left: 25px;
background-image: url("../images/premium_free_annual_insurance_plan/feature-bullet.svg");
background-repeat: no-repeat;
background-position: left 2px top 5px;
background-size: 16px auto;
}
.detail-inner-bullet{
list-style: disc;
padding-left: 25px;
}
.detail-inner-bullet li{
margin-top: 10px;
}
.detail-inner-bullet li::marker {
  color: #117aed;
}
.detail-inner-bullet-flex{
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.detail-inner-bullet-flex li{
width: 100%;
margin: 5px 15px;
}
.plan-detail-remark{
position: relative;
padding-left: 12px;
}
.plan-detail-remark .num{
position: absolute;
left: 0;
top: 0;
}
/**insurance-content end**/

/**insurance-offer start**/
.offer-title{
background-image: linear-gradient(to right, #117aed, #117aed);
background-repeat: no-repeat;
background-size: 100% 2px;
background-position: bottom;
margin-top: 50px;
height: 56px;
position: relative;
}
.blub-foot{
position: absolute;
left: 75px;
bottom: 0;
width: 9px;
height: 7px;
background-image: url("../images/premium_free_annual_insurance_plan/blub-icon-foot.svg");
background-size: cover;
}
.blub-head{
position: absolute;
left: 60px;
top: 0;
width: 40px;
height: 49px;
background-image: url("../images/premium_free_annual_insurance_plan/blub-icon-head.svg");
background-size: cover;
opacity: 1;
animation: blub-flash 1s ease infinite;
}
@keyframes blub-flash {
				50% {opacity: 0;}
			}

.offer-block{
box-shadow: 6px 6px 12px rgb(17, 122, 237, 0.5);
overflow: hidden;
background-image: linear-gradient(to left, #ffffff 30%, #ccf0f7);
border-radius: 20px;
margin-bottom: 50px;
}
.offer-block-head{
background-image: linear-gradient(to bottom, #ffdedb, #ff7e27 20%);
padding: 10px 30px;
color: #fff;
}
.offer-block-inner{
padding: 15px 30px;
}
.offer-block-inner-border{
background-color: #ffebde;
border: 1px solid #fff;
padding: 15px 25px;
border-radius: 15px;
display: flex;
flex-wrap: nowrap;
}
/**insurance-offer end**/
.card-bar-img > img{
margin: 3px;
vertical-align: bottom;
}