.list_basic { border-bottom:1px solid #e6e6e6; }
.list_basic h2 { margin:20px 0 10px 0}

.ui-expandable{ position:relative}
.ui-expandable p{ margin:0 0 1em 0}
.ui-expandable div{ flex:1 100%; position:relative;}
.ui-expandable div p{ margin:0 0 20px 0; line-height:20px}
.ui-expandable div h3{ color:#000; margin:0 0 5px 0}

.ui-expandable.border-box{ display: flex; flex-flow: row wrap; position: relative;-webkit-border-radius: 3px;border-radius: 3px; border:1px solid #e6e6e6; margin:0 0 3em 0; padding:0 0 1em 0; }
.ui-expandable.border-box div{ background:#fff; padding:1em; }
.ui-expandable.border-box div:nth-child(even):after{ content:""; width:100%; height: 1px; display:block; background:#e6e6e6; position:absolute; left:0; top:0}

.ui-expandable.border-box h2{ display: block; margin:0 0 10px 0; background:#fff; color:#000;-webkit-border-radius: 3px;border-radius: 3px;}
.ui-expandable.border-box h2 i{ margin:0 5px 0 0; color:#000}
.ui-expandable p{ color:#80817B}

.ui-expandable.border-box .btn_detail{	position:absolute; right:20px; bottom:-20px}
.ui-expandable.picture-box .btn_detail{ float:right; margin:0 20px 0 0}

.ui-expandable .picture-box{ display:flex;  flex-flow: row wrap}
.ui-expandable .ui-group-img{ display:flex;flex-flow: row wrap; height:150px; overflow:hidden; margin:0 0 1em;}
.ui-expandable .ui-group-img div{ flex:2 49%;position:relative; height:auto; margin:0 1px 0 0; }
.ui-expandable .ui-group-img, .ui-expandable .ui-box-content{ flex:1 100%}

.hidden{ margin:10px 0 0 0; display:table; width:100%; position:relative; padding:0 0 20px 0; }

.hidden.tnc{ padding:0; }

.hidden .btn_tnc,
.hidden .btn_tnc:focus{ font-size:13px; padding:0 10px; font-weight:bold; background:#EBEBEB; color:#80817B; line-height:30px; height:30px; display:block; border:none; display:table; float:right}
.hidden .btn_tnc:after{ content:' '; text-indent:-999em; background:url(../img/icon_15px.png) no-repeat 0px -30px; width:15px; height:15px; margin-left:10px; display:inline-block; vertical-align:middle; }
.hidden .btn_tnc:hover{ color:#000; }
.hidden .btn_tnc:hover:after{ background-position:0px -45px; }
.hidden .btn_tnc.expanded:after{ background-position:-15px -30px; }
.hidden .btn_tnc.expanded:hover:after{ background-position:-15px -45px; }

.hidden .btn_readmore{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); 
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); 
	border: 1px solid #D4D4D4;
	color:#39b54a; display:table; float:left; position:relative;
}
.hidden .btn_readmore,
.hidden .btn_readmore:focus{ font-size:13px; padding:0 10px; font-weight:bold; color:#39b54a; line-height:30px; height:30px; display:block; border:1px solid #D4D4D4; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;}
.hidden .btn_readmore:after{ content:' '; text-indent:-999em; background:url(../img/icon_15px.png) no-repeat 0px -60px; width:15px; height:15px; margin-left:10px; display:inline-block; vertical-align:middle; }
.hidden .btn_readmore:hover{ color:#20662a; }
.hidden .btn_readmore:hover:after{ background-position:0px -75px; }
.hidden .btn_readmore.expanded:after{ background-position:-15px -60px; }
.hidden .btn_readmore.expanded:hover:after{ background-position:-15px -75px; }

.expanded.hidden{ padding:0; }

.hidden.tnc .content { background:#ebebeb; height: 150px; width: 100% border:0; overflow: hidden; overflow-y: scroll; }
.hidden .content { color:#80817B; position:relative; padding:10px 5px; }
.hidden .content p,
.hidden .content li { font-size:11px; line-height:14px; }
.hidden .content ol,
.hidden .content ul { margin-left:15px; }
.hidden .content p, .hidden .content li { margin-bottom:5px; }
.hidden .content, .hidden .special_content{ display:none; }
.hidden.expanded .content, .hidden.expanded .special_content{ display:block; clear:both; }

.special_content {padding: 10px 0;}


/* Banking style */
.preferred .circle{ background-color:#7F807D}
.preferred .hidden .btn_readmore{ color:#7F807D}
.preferred .hidden .btn_readmore:hover{ color:#474846; }
.preferred .hidden .btn_readmore:after{ background-position:0px -90px; }
.preferred .hidden .btn_readmore:hover:after{ background-position:0px -105px; }
.preferred .hidden .btn_readmore.expanded:after{ background-position:-15px -90px; }
.preferred .hidden .btn_readmore.expanded:hover:after{ background-position:-15px -105px; }

.prestige .circle{ background-color:#94532C}
.prestige .hidden .btn_readmore{ color:#94532C}
.prestige .hidden .btn_readmore:hover{ color:#4F2F17; }
.prestige .hidden .btn_readmore:after{ background-position:0px -120px; }
.prestige .hidden .btn_readmore:hover:after{ background-position:0px -135px; }
.prestige .hidden .btn_readmore.expanded:after{ background-position:-15px -120px; }
.prestige .hidden .btn_readmore.expanded:hover:after{ background-position:-15px -135px; }


@media \0screen\,screen\9 {
.ui-expandable div { display:block; display:table; width:100%}
}

/*ie8only---------------------Start*/
@media \0screen {
.ui-expandable div { float:none; }
}
/*ie8only ---------------------End*/