.ui-list { display: table; border-collapse: collapse; width: 100%; }
.ui-list ul { display: table-row; }
.ui-list li { display: table-cell; border: 1px solid #e6e6e6; width: 50%; position: relative; vertical-align: top; padding: 0.5rem 0.625rem 0.625rem; padding: 10px\9; }
img.logo-img { padding: 0 10px; }
.list_content { display: inline-block; vertical-align: middle; }

/* step listing */
.step-list { display: flex; flex-flow: row wrap; }
.step-list { margin-top: 10px; margin-bottom: 25px; }
.step-list > div { flex-direction: row; flex-grow: 1; flex: 1 33.33%; margin-bottom: 0px; }
.step-list .step_img { float: none; width: auto; text-align: center; height: 85px; }
.step-list .step_img.arrow { background: right no-repeat url(../img/arrow_r.jpg); }
.step-list p { width: 95%; }

/* offer listing */
.offer-box li.s_offer { padding-bottom: 30px; }
.offer-box h1 { color: #39b54a; }
.offer-box p { font-size: 12px; margin: 5px 0; }
.offer-box .item_img { float: right; width: 180px; text-align: center; }
.offer-box .price_suggest { font-size: 12px; }
.offer-box .price_special { font-size: 13px; font-weight: bold; color: #EB1924; }

/* merchant listing */
.merchant-box .top_logo_area { min-height: 55px; display: block; margin-bottom: 10px; }
.merchant-box .logo_box { float: left; width: 50%; }
.merchant-box .card_app_area { float: right; text-align: right; width: 50%; }
.merchant-box h2 { width: 50%; margin-bottom: 20px; }
.merchant-box .rig_box { width: 40%; float: right; }
.merchant-box .offer_box { background: #39b54a; color: #fff; margin-right: -10px; padding: 10px 15px; font-size: 20px; font-weight: bold; }
.merchant-box .gray, .merchant-box .gray a { color: #7F807D; }
.merchant-box .list_site_add { margin-bottom: 10px; }

/* picture listing */
.picture-box .ui-group-img img { margin-bottom: 20px; }
.picture-box .ui-group-img div:last-child img { margin-bottom: 0; }
.picture-box .ui-box-content h3 { margin: 15px 0 10px; }
.picture-box .ui-box-content p { margin-bottom: 10px; }

/* border box */
.border-box { border: 1px solid #e6e6e6; margin: 0 0 20px 0; padding: 0; }
.border-box .border { border-right: 1px solid #e6e6e6; }
.border-box .columns { margin-bottom: 0.9375rem; }
.border-box h2 { margin: 0.9375rem 0; background: #fff; color: #000; }
.border-box .btn_detail { float: right; margin-top: 10px; }

/* arrow box */
.list-col { background: #f4f4f4; width: 100%; display: table; table-layout: fixed; border: 1px solid #e6e6e6; margin: 5px 0; }
.list-col-left { text-align: left; width: 54%; padding: 15px 0; display: table-cell; position: relative; vertical-align: middle; background: url(../img/bg_arrow.png) no-repeat right center #e6e6e6; background-size: 29px 100%; }
.list-col-left:after { content: ""; display: table; clear: both; }
.list-col-right { text-align: left; width: 46%; padding: 15px 30px; display: table-cell; position: relative; vertical-align: middle; }
.list-col-right:after { content: ""; display: table; clear: both; }
.list-col-left-combine { width: 54%; display: table-cell; position: relative; }
.list-col-left-combine .list-col-left { width: 100%; display: block; clear: both; }
.list-col-hr { margin-bottom: 1px; }
.list-col b { font-size: 25px; }

.cfa { width: 100%; text-align: center; padding: 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; font-size: 20px; background: url(../img/bg_act.png) no-repeat center center; background-size: 100% 100%; }

/*Preferred Banking*/
.preferred .offer-box h1 { color: #474846; }
.preferred .merchant-box .offer_box { background: #474846; }

/*Prestige Banking*/
.prestige .offer-box h1 { color: #94532C; }
.prestige .merchant-box .offer_box { background: #94532C; }

@media screen and (max-width: 970px) {
.ui-list { border-bottom: 1px solid #e6e6e6; }
.ui-list li { display: block; width: 100%; border-bottom: 0; }
.ui-list li:after { clear: both; content: ' '; display: table; }

/* step listing */
.step-list > div { flex: 1 100%; margin-bottom: 30px; }
.step-list .step_img { float: right; width: 130px; }
.step-list .step_img.arrow { background: bottom no-repeat url(../img/arrow.jpg); }
.step-list p { width: 80%; }

/* picture listing */
.picture-box .ui-group-img { margin-top: 15px; }
.picture-box .ui-group-img img { margin-bottom: 0px; margin-right: 1px; float: left; }
.picture-box .ui-group-img.img-x2 img { width: 49.7%; }
.picture-box .ui-group-img.img-x3 img { width: 33%; }
.picture-box .ui-group-img.img-x4 img { width: 25.7%; }

/* border box */
.border-box .border { border: 0; /*border-bottom:1px solid #e6e6e6; padding-bottom:0.9375rem;*/ }
}

@media (max-width: 640px) {
/* arrow box */
.list-col { margin: 10px 0; }
.list-col-left-combine { width: 100%; display: table-row; }
.list-col-left-combine .list-col-left:first-child { background: #e6e6e6; padding-bottom: 15px; }
.list-col-left { background: url(../img/bg_arrow_m.png) no-repeat bottom center #e6e6e6; padding-bottom: 30px; }
.list-col-right { width: 100%; display: table-row; text-align: center; }
.list-col-right .columns { padding-top: 15px; padding-bottom: 15px; }
.list-col-hr { margin-bottom: 2px; }
}

/*ie9-10---------------------Start*/
@media screen and (min-width:800px\0) {
.step-list { display:inline-block; }
.step-list > DIV { width:33.33%; display:inline-block; float:left; }
.step-list .step_img { width:100%; }
}
/*ie9-10 ---------------------End*/

/*ie8only---------------------Start*/
@media \0screen {
/* step listing */
.step-list { display: inline-block; }
.step-list > DIV { width: 33%; float: left; }
.step-list .step_img { float: none; width: auto; }
.step-list .step_img.arrow { background: right no-repeat url(../img/arrow_r.jpg); }
.hide-for-large { display: none; }
}
/*ie8only ---------------------End*/