.htMenu {
	font-family: 'Open Sans',arial,sans-serif;
	height:40px;
	border-top:2px solid #064B86;
	background:#D4D4D4 url(../../../../img/front/V2/htMenuBG.png) left top repeat-x;
}
.marbot30 {margin-bottom:30px !important;}
.htDottedBorder {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #4CABE6;
}
ul.extraLine li { margin-bottom:10px;}
.htRightContent {font-family: 'Open Sans',arial,sans-serif;}
.htRightContent h1,
.htRightContent h2,
.htRightContent h3,
.htRightContent h4,
.htRightContent h5 {
	font-weight: 400;
	line-height: 18px;
}
.htRightContent h1 { font-size:26px;}
.htRightContent h2 { font-size:21px;}
.htRightContent h3 { font-size:18px;}
.htRightContent h4 { font-size:16px;}
.htRightContent h5 { font-size:14px;}

.htMenu .menuTitle {
	background:#D4D4D4;
	line-height:31px;
	padding-left:20px;
	color:#727272;
	font-size:13px;
}
.htMenu .menuTitle span {
	display:inline-block;
	float:left;
	width:35px;
	height:33px;
	background:transparent url(../../../../img/front/V2/htMenuLeft.png) left top no-repeat;
}
.htMenu ul {
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
}
.htMenu ul li {
	float:left;
	display:inline-block;
	line-height:28px;
	margin-right:20px;
	height:40px;
	position:relative;
}
.htMenu ul li a {
	color:#FFF;
	text-decoration:none;
}
.htMenu ul li a.active {color:#FEC510; font-weight:700;}
.htMenu ul li span {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 8px 12px 8px;
	border-color: transparent transparent #ffffff transparent;
	line-height: 0px;
	_border-color: #000000 #000000 #ffffff #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-7px;
	margin-bottom:-5px;
}
.tHeader {font-family: 'OpenSansLight',arial,sans-serif;}
h1.tHeader {
	font-weight: 400;
	line-height: 18px;
	font-size:26px;
}
ol.htList {
	/* margin:0; */
	padding:0;
	font-family: 'OpenSansRegular',arial,sans-serif;
}
ol.htList li {
	font-weight: 400;
	line-height: 18px;
	font-size:13px;
	/* list-style-position:inside; */
	margin-bottom:20px;
}
ol.htList li .head {
	font-family: 'OpenSansRegular',arial,sans-serif;
	font-size:16px;
	margin-bottom:5px;
	margin-top: 0;
}
ol.htList li p {
	font-size:13px;
	font-weight: 400;
	margin-top: 5px;
}
/* h2.tHeader {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
	line-height: 18px;
	font-size:18px;
} */
.titleHead {font-family: 'OpenSansRegular',arial,sans-serif; }
h1.titleHead {
	font-weight: 400;
	line-height: 18px;
	font-size:26px;
	border-bottom:1px dotted #4CABE6;
}
.htBodyFont {
	font-family: 'OpenSansRegular',arial,sans-serif;
	font-weight: 400;
	font-size:14px;
	line-height:21px;
	color:#515151;
}
h1.titleHead span { background:#FFF; padding-right:10px;}
.topTitleBox {
	background:#F3F3F3;
	display:block;
	margin-bottom:10px;
}
.topTitleBox ul {
	list-style:none;
	margin:20px auto 10px auto;
	padding-left:100px;
	width:auto;
}
.topTitleBox ul li { float:left; margin-right:5px;}
.topTitleBox ul li span {
	font-size:45px;
	color:#CCC;
	display:block;
	float:left;
	margin-right:5px;
}
.topTitleBox ul li p {
	font-family: 'OpenSansRegular',arial,sans-serif;
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px dotted #777;
	font-size:14px;
	color:#777777;
	margin-top:-10px;
	min-height:36px;
	height:36px;
	height:auto;
}
.topTitleBox ul li p a {color:#777777;}

/*ATM Bersama*/
p.atmbersama {
	background: #ccc;
    margin: 0 0 0 36px;
    padding: 5px;
    width: 847px;
}
ul.atmbersamalist {
	list-style:none;
	padding:0;
	margin:1px 0 0 36px;
	clear:both;
	border:1px solid #ccc;
	width:855px;
}
ul.atmbersamalist li {
	float:left;
	width:165px;
	margin:0px;
	font-size:11px;
	padding:0 3px;
	background:#eee;
}
ul.atmbersamalist li:nth-child(10n), ul.atmbersamalist li:nth-child(10n+9), ul.atmbersamalist li:nth-child(10n+8), ul.atmbersamalist li:nth-child(10n+7), ul.atmbersamalist li:nth-child(10n+6){
	background:#ddd;
}
/*flow*/
.howto-flow{
	width:700px;
	height:1290px;
	margin:20px auto;
	background: url(../../../../img/front/V2/how-to-img/howto_arrows.png) no-repeat;
	position:relative;
}
.howto-flow.en{
	background: url(../../../../img/front/V2/how-to-img/howto_arrows.en.png) no-repeat;
}
.howto-flow.id{
	background: url(../../../../img/front/V2/how-to-img/howto_arrows.id.png) no-repeat;
}
.howto-flow.sg,
.howto-flow.my,
.howto-flow.ph,
.howto-flow.vn,
.howto-flow.th{
	background: url(../../../../img/front/V2/how-to-img/howto_arrows_cc_only.png) no-repeat;
}
.howto-shadow {
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0 ,0.2);
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.howto-flow .htcontent {
	position:relative;
	font-size:11px;
	color:#666;
}
.howto-flow .htcontent b {
	font-size:14px;
	color:#666;
}
.howto-box1, .howto-box2, .howto-box3, .howto-box4, .howto-box5, .howto-box6,
.howto-box7, .howto-box8, .howto-box9, .howto-box10, .howto-box11, .howto-box12,
.howto-box13, .howto-box14, .howto-box15, .howto-box16, .howto-box17{
	border:4px solid #eee;
	position:absolute;
	padding:10px;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0, rgba(205,205,205,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(205,205,205,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0, rgba(205,205,205,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0, rgba(205,205,205,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0, rgba(205,205,205,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0, rgba(205,205,205,1) 100%);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cdcdcd', GradientType=0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cdcdcd', GradientType=0);
	line-height:115%;
}
.thm, .thm-mdr{position:absolute !important}
.howto-box1, .howto-box2{
	width:200px;
	height:80px;
}
.howto-box3, .howto-box4, .howto-box5, .howto-box6{
	width:175px;
	height:70px;
}
.howto-box7{
	width:325px;
	height:103px;
}
.howto-box17{
	width:280px;
	height:100px;
}
.howto-box8, .howto-box9, .howto-box10, .howto-box11, .howto-box12, .howto-box13, .howto-box14, .howto-box15, .howto-box16{
	width:160px;
	height:65px;
}
.htcontent p {color:#888888;}
.howto-box1{top:160px;left:110px;}
.howto-box1 img.thm {left:-120px;top:-30px;}
.howto-box1 .htcontent {padding-left:35px;}
.howto-box2{top:160px;left:360px;}
.howto-box2 img.thm {right:-120px;top:-30px;}
.howto-box2 .htcontent {padding-right:35px;}
.howto-box3{top:335px;left:75px;}
.howto-box3 img.thm {left:-100px;top:-30px;}
.howto-box3 .htcontent {padding-left:25px;}
.howto-box4{top:335px;left:430px;height:80px;}
.howto-box4 img.thm {right:-100px;top:-20px;}
.howto-box4 .htcontent {padding-right:25px;}
.howto-box5{top:455px;left:122px;}
.howto-box5 img.thm {left:-92px;top:-30px;}
.howto-box5 .htcontent {padding-left:35px;}
.howto-box6{top:455px;left:380px;}
.howto-box6 img.thm {right:-100px;top:-30px;}
.howto-box6 .htcontent {padding-right:25px;}
.howto-box7{left: 176px;top: 570px;}
.howto-box7 img.thm {left:100px;top:15px;}
.howto-box7 .htcontent {padding-right:0px;}
.howto-box8{top:750px;left:25px;height:80px;}
.howto-box8 img.thm {left:-80px;top:-17px;}
.howto-box8 .htcontent {padding-left:25px;}
.howto-box9{top:750px;left:275px;height:80px;}
.howto-box9 img.thm {left:-70px;top:-17px;}
.howto-box9 .htcontent {padding-left:36px;}
.howto-box10{top:750px;left:480px;height:70px;}
.howto-box10 img.thm {right:-70px;top:-17px;}
.howto-box10 .htcontent {padding-right:36px;}
.howto-box11{top:888px;left:25px;}
.howto-box11 img.thm {left:-80px;top:-17px;}
.howto-box11 .htcontent {padding-left:25px;}
.howto-box12{top:888px;left:275px;}
.howto-box12 img.thm {left:-70px;top:-17px;}
.howto-box12 img.thm-mdr {left:-20px;top:27px;}
.howto-box12 .htcontent {padding-left:52px;}
.howto-box13{top:888px;left:480px;}
.howto-box13 img.thm {right:-70px;top:-17px;}
.howto-box13 .htcontent {padding-right:36px;}
.howto-box14{top:1000px;left:25px;height:70px;}
.howto-box14 img.thm {left:-80px;top:-17px;}
.howto-box14 .htcontent {padding-left:25px;}
.howto-box15{top:1000px;left:275px;height:80px;}
.howto-box15 img.thm {left:-70px;top:-17px;}
.howto-box15 .htcontent {padding-left:36px;}
.howto-box16{top:1000px;left:480px;height:80px;}
.howto-box16 img.thm {right:-70px;top:-17px;}
.howto-box16 .htcontent {padding-right:36px;}
.howto-box17{top:1160px;left:237px;}
.howto-box17 img.thm {left:-115px;top:-30px;}
.howto-box17 .htcontent {padding-left:45px;}

/*
 * SG, MY, PH, VN & TH language
 */
.howto-flow.sg .howto-box8,
.howto-flow.my .howto-box8,
.howto-flow.ph .howto-box8,
.howto-flow.vn .howto-box8,
.howto-flow.th .howto-box8,
.howto-flow.sg .howto-box9,
.howto-flow.my .howto-box9,
.howto-flow.ph .howto-box9,
.howto-flow.vn .howto-box9,
.howto-flow.th .howto-box9,
.howto-flow.sg .howto-box11,
.howto-flow.my .howto-box11,
.howto-flow.ph .howto-box11,
.howto-flow.vn .howto-box11,
.howto-flow.th .howto-box11,
.howto-flow.sg .howto-box12,
.howto-flow.my .howto-box12,
.howto-flow.ph .howto-box12,
.howto-flow.vn .howto-box12,
.howto-flow.th .howto-box12,
.howto-flow.sg .howto-box14,
.howto-flow.my .howto-box14,
.howto-flow.ph .howto-box14,
.howto-flow.vn .howto-box14,
.howto-flow.th .howto-box14,
.howto-flow.sg .howto-box15,
.howto-flow.my .howto-box15,
.howto-flow.ph .howto-box15,
.howto-flow.vn .howto-box15,
.howto-flow.th .howto-box15 {
	display: none;
}
.howto-flow.sg .howto-box10,
.howto-flow.my .howto-box10,
.howto-flow.ph .howto-box10,
.howto-flow.vn .howto-box10,
.howto-flow.th .howto-box10,
.howto-flow.sg .howto-box13,
.howto-flow.my .howto-box13,
.howto-flow.ph .howto-box13,
.howto-flow.vn .howto-box13,
.howto-flow.th .howto-box13,
.howto-flow.sg .howto-box16,
.howto-flow.my .howto-box16,
.howto-flow.ph .howto-box16,
.howto-flow.vn .howto-box16,
.howto-flow.th .howto-box16 {
	left: 240px;
}
#whatisnusatrip, #whatisnusatrip p {
	font-family: 'Open Sans',arial,sans-serif !important;
}
.htBodyFont ul.payment-atm-banklist li a {
	display: table;
	font-size: 12px!important;
	width: 100%;
}
.htBodyFont ul.payment-atm-banklist li a > * {
	display: table-cell;
	float: none;
	vertical-align: middle;
}
.htBodyFont ul.payment-atm-banklist li a .payment-label{
    padding-left: 3px;
}
.htBodyFont ul.payment-atm-banklist li a .payment-atm-banklist-thumb {
	text-align: center;
	width: 38px;
}

ol.list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol.list > li {
    width: 100%;
    display: flex;
    gap: 30px;
    position: relative;
    counter-increment: list;
    /* max-width: 600px; */
    /* margin: 2rem auto; */
    padding: 2rem 1rem 1rem 0rem;
    /* box-shadow: 0.1rem 0.1rem 1.5rem rgb(0 0 0 / 30%); */
    /* border-radius: 0.25rem; */
    overflow: hidden;
    /* background-color: white; */
}
ol.list > li ul {
    margin-top: 5px;
}
ol.list > li ul li {
    margin-bottom: 10px;
    line-height: 23px;
}


ol.list section {
    flex-grow: 1
}

ol.list img {
    margin-top: -10px;
    object-fit: contain;
}

.list > li h3 {
	display: flex;
	align-items: center;
    line-height: 33px;
    font-weight: 600;
	/* color: var(--brandColor); */
}

.list > li::before {
    background: #f27720;
    counter-increment: list-item;
    content: counter(list-item);
    /* font-size: 2rem; */
    font-size: 24px;
    font-weight: 700;
    width: 1.5em;
    height: 1.5em;
    flex: 0 0 auto;
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    /* margin-right: 20px; */
}

.list p {
  clear: both;
  display: table;
  padding-top: 10px;
  line-height: 23px;
}
.info {
    margin-top: 20px;
}
.info li {
    margin-bottom: 10px;
    line-height: 23px;
}