@media (max-width: 768px){
.onlyDesktop{
display: none;
}
}
.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;
	}
.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.4;
	}
.f36{
	font-size: 36px;
  line-height:120%;
	}
.f48{
	font-size: 48px;
  line-height:120%;
	}
.BigFont{
font-size: 150%;
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 .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-pink{
color: #E9015E;
}
.new-orange{
color: #F07C10;
}
.new-blue{
color: #0066b3;
}
.eye-light-blue{
color: #00a0a8;
}
.mt5{
	margin-top:5px;
	}
.titlesubhead{
margin-top: 10px;
font-size: 85%;
}
@media (max-width: 768px){
.titlesubhead{
margin-top: 5px;
font-size: 100%;
}
}
.phase-title{
padding: 5px 30px;
width: 80%;
background-color: #F15A24;
color: #fff;
border-radius: 15px 15px 0 0;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.phase-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 5px;
padding: 15px;
background-color: #FEF7F4;
border-radius: 20px 20px 0 0;
position: relative;
margin-bottom: 6px;
}
.phase-row::after{
content: "";
width: 100%;
height: 2px;
position: absolute;
left: 0;
bottom: -6px;
background-color: #F15A24;
}
.phase-col{
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 5px 20px;
width: 400px;
}
.eyecard-btn{
display: inline-block;
padding: 8px 50px 8px 70px;
position: relative;
color: #fff;
font-size: 1.5rem;
cursor: pointer;
background-image: url("../images/visa_signature/btn-icon1.png");
background-size: 38px auto;
background-position: left 25px center;
background-repeat: no-repeat;
background-color: #00a0a8;
border-radius: 20px 20px 0 0;
font-weight: bold;
margin-left: 15px;
margin-right: 15px;
}
.eyecard-btn-bottom-line{
padding-bottom: 3px;
border-bottom: 2px solid #00a0a8;
}
.eyecard-btn2{
display: inline-block;
padding: 8px 50px 8px 70px;
position: relative;
color: #fff;
font-size: 1.5rem;
cursor: pointer;
background-image: url("../images/visa_signature/btn-icon2.png");
background-size: 38px auto;
background-position: left 25px center;
background-repeat: no-repeat;
background-color: #0066b3;
border-radius: 20px 20px 0 0;
font-weight: bold;
margin-left: 15px;
margin-right: 15px;
}
.eyecard-btn-bottom-line2{
padding-bottom: 3px;
border-bottom: 2px solid #0066b3;
}
.eyecard-btn-arrow{
position: absolute;
width: 25px;
height: 100%;
background-image: url("../images/visa_signature/arrow-eyecard.gif");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
right: 20px;
top: 0;
transition: all ease .2s;
}
.eyecard-btn-arrow.open{
transform: rotate(90deg);
transition: all ease .2s;
}
.eyecard-promoTablx-container, .eyecard-promoTablx-container2{
display: none;
}
.eyecard-promoTablx{
border-collapse: separate;
width: 100%;
min-width: 958px;
  border-bottom: 1px solid #00a0a8;
}
.eyecard-promoTablx td{
	padding: 10px 15px;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.eyecard-promoTablx .head{
background-color: #ccecee;
font-weight: bold;
color: #333;
border-bottom: none;
}
.eyecard-promoTablx .subhead{
background-color: #4C8CB4;
font-weight: bold;
color: #ffffff;
border-bottom: none;
}
.td-left-line::before{
content: "";
position: absolute;
background-color: #00a0a8;
width: 1px;
height: calc(100% - 20px);
left: 0;
top: 10px;
}
.td-left-line-full::before{
content: "";
position: absolute;
background-color: #00a0a8;
width: 1px;
height: 100%;
left: 0;
top: 10px;
}
.td-right-line::after{
content: "";
position: absolute;
background-color: #00a0a8;
width: 1px;
height: calc(100% - 20px);
right: 0;
top: 10px;
}
.td-right-line-full::after{
content: "";
position: absolute;
background-color: #00a0a8;
width: 1px;
height: 100%;
right: 0;
top: 0;
}
.td-right-line-top::after{
content: "";
position: absolute;
background-color: #00a0a8;
width: 1px;
height: calc(100% - 10px);
right: 0;
top: 10px;
}
.td-right-line-bottom::after{
content: "";
position: absolute;
background-color: #00a0a8;
width: 1px;
height: calc(100% - 10px);
right: 0;
top: 0;
}
.td-bottom-line::before{
content: "";
position: absolute;
background-color:  #00a0a8;
width: calc(100% - 20px);
height: 1px;
left: 10px;
bottom: 0;
}
.td-left-line-w::before{
content: "";
position: absolute;
background-color: #ffffff;
width: 1px;
height: calc(100% - 20px);
left: 0;
top: 10px;
}
.td-right-line-w::after{
content: "";
position: absolute;
background-color: #ffffff;
width: 1px;
height: calc(100% - 20px);
right: 0;
top: 10px;
}
.td-bottom-line-w::after{
content: "";
position: absolute;
background-color: #ffffff;
width: calc(100% - 20px);
height: 1px;
left: 10px;
bottom: 0;
}
.eyecard-examTablx{
border-collapse: separate;
width: 100%;
min-width: 958px;
}
.eyecard-examTablx td{
	padding: 10px 15px;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.eyecard-examTablx td:last-child{
border-right: none;
}
.eyecard-examTablx .head{
background-color: #d5eefb;
font-weight: bold;
color: #333;
border-right: none;
}
.cfa-row{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-left: -15px;
margin-right: -15px;
}
.cfa-col{
width: 65%;
padding: 10px 15px;
}
@media (max-width: 576px){
.cfa-col{
width: 100%;
}
}
a.cfa-block{
background-color: #E9015E;
border: 2px solid #F480AE;
color: #fff;
border-radius: 40px;
padding: 10px 50px;
display: inline-block;
}
a.cfa-block2a{
background-color: #0076be;
border: 4px solid #0076be;
animation: flash 1s linear infinite;
color: #fff;
border-radius: 100px;
padding: 15px 35px;
display: block;
text-align: center;
}
.cfa-block-sms{
background-color: #0076be;
border: 4px solid #0076be;
animation: flash 1s linear infinite;
color: #fff;
border-radius: 100px;
padding: 15px 35px;
display: block;
text-align: center;
}
@keyframes flash {
  50% {border: 4px solid rgb(255, 255, 255, 1);}
}
a.cfa-block2b{
background-color: #054c9b;
border: 2px solid #29abe2;
color: #fff;
border-radius: 40px;
padding: 10px 35px;
display: block;
text-align: center;
}

.cfa-block-sms2{
background-color: #054c9b;
border: 2px solid #29abe2;
color: #fff;
border-radius: 40px;
padding: 10px 25px;
}
.cfa-block-inline{
display: inline-block;
background-image: url("../images/visa_signature/cfa-point.png");
background-size: 30px auto;
background-position: left center;
background-repeat: no-repeat;
padding-left: 40px;
}
.offerline {border-radius: 40px;  border-left: 1px solid #b0dfff;  border-top: 1px solid #b0dfff;}
.offerword {color: #fff; padding: 10px 20px; text-align: center;
}
.leadin-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
margin-left: -10px;
margin-right: -10px;
}
.leadin-col{
padding: 10px;
}
.extraoffer-container{
display: inline-block;
text-align: left;
}
.extraoffer-title{
display: block;
background-image: url("../images/visa_signature/light-blub-icon.png");
background-size: 22px auto;
background-position: left top 2px;
background-repeat: no-repeat;
background-color: #fff;
padding: 0 10px 0 30px;
position: relative;
z-index: 5;
text-align: left;
}
.extraoffer-block{
display: inline-block;
border: 1px solid #fe1470;
padding: 15px 20px;
border-bottom-right-radius: 30px;
box-shadow: 2px 2px 0 #ccc;
font-size: 1.25rem;
margin-right: 2px;
margin-bottom: 2px;
}
.exam-bk1{
background-color: #fff;
}
.exam-bk1a{
background-color: #fff3f8;
}
.exam-bk1b{
background-color: #ffe7f1;
}
.exam-bk2{
background-color: #fff;
}
.exam-bk2a{
background-color: #f2f7fb;
}
.exam-bk2b{
background-color: #e5f0f7;
}
.exam-line{
box-shadow: inset 10px 0 8px -10px rgba(51, 51, 51, 0.25), inset -10px 0 8px -10px rgba(51, 51, 51, 0.25);
}
.exam-td-bottom-line:after{
content: "";
position: absolute;
background-color: #E9015E;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
}
.exam-td-top-line:before{
content: "";
position: absolute;
background-color: #E9015E;
width: 100%;
height: 1px;
left: 0;
top: 0;
}
.exam2-td-bottom-line:after{
content: "";
position: absolute;
background-color: #0066b3;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
}
.exam2-td-top-line:before{
content: "";
position: absolute;
background-color: #0066b3;
width: 100%;
height: 1px;
left: 0;
top: 0;
}
/*deadend*/
.btn_blue_sms {
	display: inline-block;
	text-align: center;
	min-width: 85px;
	padding: 8px 15px;
	background: #0066b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff!important;
	font-size: 0.9rem;
	border: none;
	line-height: 1.25;
}
.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;
      }
.promo_tablx{
border-collapse: separate;
border: 0;
margin-top: 5px;
}
.promo_tablx td{
padding: 0 2px;
border: 0;
}
.table-plus::after{
content: "";
width: 20px;
height: 100%;
top: 0;
right: -10px;
background: url("../images/visa_signature/table_plus_icon.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
z-index: 5;
}
.table-equal::after{
content: "";
width: 20px;
height: 100%;
top: 0;
right: -10px;
background: url("../images/visa_signature/table_equal_icon.png");
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
z-index: 5;
}


/**20240216 update**/
.new-cfa-block{
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
border-radius: 30px 30px 0 0;
}
.new-cfa-block-header{
background-color: #E9015E;
padding: 10px 20px;
color: #fff;
text-align: center;
border-radius: 30px 30px 0 0;
}
.new-cfa-block-row{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.new-cfa-color1{
color: #FF7F00;
}
.new-cfa-color2{
color: #2492C6;
}
.new-cfa-block-col1{
width: 50%;
padding: 30px 20px;
background-color: #F7F7F7;
text-align: center;
}
.new-cfa-block-col2{
width: 50%;
padding: 30px 20px;
background-color: #FFF2E5;
text-align: center;
}
.pointout{
padding: 0 30px; 
position: relative;
}
.pointout::before{
content: "";
width: 30px;
height: 100%;
background: url("../images/visa_signature/handpoint_left.png");
background-repeat: no-repeat;
background-size: 24px auto;
background-position: left center;
position: absolute;
left: 0;
top: 0;
}
.pointout::after{
content: "";
width: 30px;
height: 100%;
background: url("../images/visa_signature/handpoint_right.png");
background-repeat: no-repeat;
background-size: 24px auto;
background-position: right center;
position: absolute;
right: 0;
top: 0;
}

/**20240910 update**/
.reg-title{
display: inline-block;
padding: 0 20px;
background-color: #fff;
}
.reg-block{
border: 1px solid #E9015E;
border-radius: 30px;
padding: 20px 5px 15px 5px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin-top: -13px;
}
.reg-col{
text-align: center;
padding: 10px 10px 5px;
}
.reg-icon{
display: inline-block;
padding: 3px 15px;
color: #0066b3;
border: 1px solid #0066b3;
background-color: #fff;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
}
@media (max-width: 576px){
.reg-block{
flex-flow: column;
}
.animate-arrow1, .animate-arrow2, .animate-arrow3, .animate-arrow4{
transform: rotate(90deg);
}
}
.animate-arrow1{
position:relative;
animation: 8s animatearrow infinite;
}
.animate-arrow2{
position:relative;
animation: 8s animatearrow2 infinite;
}
.animate-arrow3{
position:relative;
animation: 8s animatearrow3 infinite;
}

@keyframes animatearrow{
0% { opacity:0; }
    9% { opacity:0; }
	10% { opacity:1; }
    100% { opacity:1; }
}
@keyframes animatearrow2{
0% { opacity:0; }
29% { opacity:0; }
    30% { opacity:1; }
    100% { opacity:1; }
}
@keyframes animatearrow3{
0% { opacity:0; }
49% { opacity:0; }
    50% { opacity:1; }
    100% { opacity:1; }
}
a.mb-demo-btn{
display: inline-flex;
background-color: #fff;
border: 1px solid #0066b3;
align-items: center;
padding: 5px 40px 5px 25px;
background-image: url("../images/visa_signature/btn-arrow.svg");
background-size: 8px auto;
background-position: center right 15px;
background-repeat: no-repeat;
border-radius: 20px;
color: #0066b3;
font-size: 16px;
line-height: 1;
margin: 15px 15px 0 15px;
}
.notice-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}

/**20241002 update**/
.cfa-block_normal{
background-color: #0076be;
border: 4px solid #99c8e5;
color: #fff;
border-radius: 100px;
padding: 15px 35px;
display: block;
text-align: center;
max-width: 700px;
margin-left: auto;
margin-right: auto;
} 

/**20250618 update**/
.tagon-block{
width: 100%;
max-width: 680px;
min-height: 200px;
margin-left: auto;
margin-right: auto;
border-radius: 40px;
border: 3px solid #0071eb;
display: flex;
flex-wrap: wrap;
}
.tagon-inner-image{
width: 40%;
background-size: cover;
background-position: center top;
border-radius: 36px 0 0 36px;
}
.tagon-inner-content{
width: 60%;
padding: 20px 30px;
background-color: #fff;
border-radius: 0 36px 36px 0;
display: flex;
align-items: center;
}
@media (max-width: 576px){
.disc-blue{
padding-left: 20px;
}
.tagon-inner-image{
width: 100%;
border-radius: 36px 36px 0 0;
min-height: 180px;
}
.tagon-inner-content{
width: 100%;
padding: 20px;
background-color: #fff;
border-radius: 0 0 36px 36px;
}
}