/*........................................AWAL RESET CSS....................................................*/
@media screen
  {
  p {font-family:Arial, Helvetica, sans-serif;}
  }
@media print
  {
  p {font-family:Verdana, Arial, Helvetica, sans-serif;}
  }

@media only screen and (min-width:1200px) and (max-width:2560px) {
.fl{float:left;}
.bg-mobile{display:none;}
.footmu{display:none;}
.logodepanr{display:none;}
.menuku{display:none;}
@charset "utf-8";
* { margin:0px; padding:0px;}
body { background:url(../images/bg.png) repeat-x #FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.white{background:fff;}
p {
line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
#mid-left-home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
a {
	text-decoration:none;
	outline:none;}
h1 { margin-top:0px; margin-bottom:10px;}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#abe1fa;}
img {border: 0; }
hr {color:#d7d7d9; margin-bottom:10px;}
.light{-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.list {
	margin-top:10px;
	margin-bottom:10px;
	list-style:disc;
	margin-left:40px;}
.list li, .list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:5px;}
.list li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f5a747;
	margin-bottom:5px;}
.clr {clear:both;}
.arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
.arial-13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6c6c6d;}
.arial-20-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#58595b;}
.arial-20-blue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;}
.arial-13-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#103e6e;
	font-weight:bold;}
.arial-16-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58595b;}
.arial-14-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#abe1fa;}
.arial-20-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-bottom:10px;}
.link-arial-10-orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f5a747;}
.link-arial-14-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;}
.link-arial-14-white:hover {
	text-decoration:underline;}
.link-arial-13-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#abe1fa;
	font-weight:bold;}
.link-arial-13-blue:hover {
	text-decoration:underline;}

.image1 {margin-right: 30px; margin-top: 4px;}
.sub-menu {margin-top:10px; margin-left:10px;}
ul{
	font-size:12px;}
li{
	margin-bottom:8px;}
	
ul.bullet{
	list-style:url(../images/bullet.jpg);}
ul.bullet a {
position:relative;
top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1268b3;
	font-weight:bold;
	}
ul.bullet a:hover {
	color:#969697;}
	
ul.bullet li {
font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:26px;}
	
ul.fot-bullet{
	list-style:none;}
ul.fot-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
ul.fot-bullet a:hover {
	text-decoration:underline;
	color:#d1d3d4;}
ul.fot-bullet li {
	margin-bottom:10px;
	margin-top:10px;}
	
.left-box {
	width:271px;
	margin-top:16px;}
.left-box-content {
    height: 40px;
    margin-left: 6px;
    margin-top: -40px;
    position: absolute;
    width: 266px;
    z-index: 10;}
.mr-mid {margin-bottom:20px;}
.mr-right {
	float:left;
	width:610px;}
.mr-left {float:left;}
.mr-right1 {float:left;}
.mr-left-clear {float:left; width:520px;}
.mr-right1-clear {float:left; width:140px;}
.img-slider {
	float:left;
	width:296px;
	height:171px;
	margin-left:34px;}
.txt-slider {
    color: #D1D3D4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 10px;
    margin-top: -56px;
    position: absolute;
    z-index: 1000;}
.thumb-home { float:left; margin-bottom:10px;}
.thumb-txt-home { float:left; margin-left:5px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d1d3d4;}
.thumb-txt-home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt-home a:hover  {
	text-decoration:underline;}
.thumb-txt { float:left; margin-left:5px; width:154px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C6C6D;}
.thumb-txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt a:hover  {
	text-decoration:underline;}
#tagline h1 {
font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#1268b3;
	margin-top:20px;}
#u-tagline h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:20px;}
#u-tagline h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:5px;
	margin-bottom:5px;}
.home{
width: 1200px;
	margin:0px auto 0px auto;
background:url(../images/bg-home_01.jpg) no-repeat;
}
#wrapper-home {
	width: 1020px;
	margin:0px auto 0px auto;
	}
#wrapper {
	width: 1020px;
	margin:0px auto 0px auto;
	background-color:#fff;}
#top-home {
	width:959px;
	height:350px;
	margin:0px auto 0px auto;}
#top-protection {
	background:url(../images/slide-wealth-protection_02.jpg) no-repeat;
	width: 1200px;
	margin:0px auto 0px auto;}
#top-accumulation {
	background:url(../images/bg-accumulation_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-news {
	background:url(../images/bg-news_02.jpg) no-repeat;
	width: 1200px;
	margin:0px auto 0px auto;}
#top-approach {
	background:url(../images/banner-approach.jpg) no-repeat;
	width: 1200px;
	margin:0px auto 0px auto;}	
#top-distribution {
	background:url(../images/bgdistribution_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-philosophy {
	background:url(../images/bg-philosophy_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-partner {
	background:url(../images/bgpartner_02.jpg) no-repeat;
	width: 1200px;
	margin:0px auto 0px auto;}
#top-about {
	background:url(../images/about-us_02.jpg) no-repeat;
	width: 1200px;
	margin:0px auto 0px auto;}
#top-career {
	background:url(../images/career.jpg) no-repeat;
	width: 1200px;
	margin:0px auto 0px auto;}
	
#top-contact {
	background:url(../images/bg-contact_02.jpg) no-repeat;
	width: 1200px;
	margin:0px auto 0px auto;}
#top-campus {
	background:url(../images/bg-campus_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-left {
margin-left:10px;
	width:360px;
	height:76px;
	margin-top:30px;
	float:left;}
#top-right {
	width:570px;
	height:250px;
	margin-top:30px;
	float:left;
	margin-left:10px;}
#menu-atas {margin-left:0px; text-align:right;}
#menu-atas a, #menu-atas h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;}
#menu-atas a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;
	text-decoration:underline;}
#breadcrumb {
	width:959px;
	height:51px;
	margin:0px auto 0px auto;
	padding-top:34px;}
#slider {
	width: 1020px;
	height:197px;
	margin-top:10px;}
#mid-home {
	width:959px;
	margin:30px auto 0px auto;
	}
#mid-left-home {
	width:645px;
	float:left;}
#mid-right-home {
	margin-left:10px;
	width:300px;
	float:left;}
#mid-right-home img{
	margin-top:9.2%;
	margin-left:8%;
	width:90%;
	}
#mid-right-home p{
	font-size:12px;
	margin:1% 4%;
	color:#808080;
}
#mid-right-home hr{
	margin-top:5px;
	border-top:#D5D5D5 2px solid;
	border-style: solid none none;
	width:95%;
	margin-left:1.5%;
	}
.login{
	width:90%;
	height:50%;
	border-radius:10Px;
	margin-top:0%;
	padding:10px;
	margin-left:10px;
	border: #d5d5d5 2px solid;
}
.login h2{
	color:#abe1fa;
	margin-top:10px;
	font-size:13pt;
	margin-left:7px;
}
.login input[type=text]{
	width:70%;
	margin:6% auto 0;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#1268b3 1px solid;
}
.login input[type=password]{
	width:70%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#f49e34 1px solid;
}
.login input[type=submit]{
	width:75%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	color:#FFF;
	padding:0 5px;
	border-radius:5px;
	background-color:#1268b3;
	font-size:14px;
	border:#1268b3 1px solid;
}
#mid {
	width:959px;
	margin:0px auto 0px auto;}
#mid-left {
	width:272px;
	float:left;
	margin-bottom:20px;}
#mid-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 25px;
    width: 662px;}
#footer {
	margin:0px auto 0px auto;
	background-color:#6d7b86;}
#foot-top {
	width:959px;
	margin:0px auto 0px auto;
	height:auto;}
#ft-1 {float:left; margin-top:30px;}
#ft-2 {float:left; margin-top:30px; margin-left:50px; width:165px;}
#ft-3 {float:left; margin-top:30px; margin-left:50px;}
#ft-4 {float:left; margin-top:30px; margin-left:50px;}
#ft-5 {float:right; margin-top:30px; margin-left:50px;}
#foot-bottom {
	width:959px;
	margin:0px auto 0px auto;
	height:100px;}
#fb-1 {float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
#fb-2 {float:left; margin-top:25px; margin-left:30px;}


/* ------------------------------ Navigation  ------------------------------ */
/*
#nav {
	margin-top:20px;
	z-index: 250;}
#nav ul {
	list-style: none; 
	margin: 0px;
	padding: 0px; 
	z-index: 0; }
#nav li { 
	float: left; 
	padding: 0; 
	margin-left:20px; 
	height:38px; }
#nav li a { 
	display: block; 
	overflow: hidden;
	height: 30px; 
	width:170px; 
	z-index: 250;}
#nav li a:hover, #nav li.on a { background-position: 0px 30px;}
#nav_wealth a {background: transparent url(../images/menu_03.png) 0px 62px; }
#nav_our a { background: transparent url(../images/menu_05.png) 0px 62px; }
#nav_about a { background: transparent url(../images/menu_07.png) 0px 62px; }
#nav_wealth div.dropdown_internal a,#nav_our div.dropdown_internal a,#nav_about div.dropdown_internal a{ 
	background-image:none;
	text-indent: 0;
	display: inline;
	overflow: visible;}
#nav_wealth_drop a, #nav_our_drop a, #nav_about_drop a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1e5fa3;
	font-weight:bold;}
#nav_wealth_drop a:hover, #nav_our_drop a:hover, #nav_about_drop a:hover {text-decoration:underline;}
div.dropdown {
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
    color: #58595B;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 530px;
    z-index: 9999;
	margin-top:5px;}
div.dropdown1 {
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
    color: #58595B;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 530px;
    z-index: 9999;
	margin-top:5px;
	margin-left:-189px;}
div.dropdown2 {
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
    color: #58595B;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 530px;
    z-index: 9999;
	margin-top:5px;
	margin-left:-380px;}
#nav_wealth_drop ul.dropdown_subnav { position: relative;list-style: none; margin-top:10px; padding: 0; z-index: 10; }

#nav_wealth_drop ul.dropdown_subnav li { position: relative;float: none; padding: 0;margin: 0; height:auto !important; margin-bottom:8px;}

#nav_wealth_drop ul.dropdown_subnav a li{ text-decoration:none; color:#58595B; font-size:12px; font-weight:normal;}
*/

/* main menu styles */
.menu {
margin-top:10px;
float:right;
}
.menu > span {
    display:inline-block;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#nav > li {
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
margin-left:10px;
padding-top:10px;
text-align:center;
height:25px;
background:#1268b3;
    color:#5695d8;
    display:block;
    font-size:14px;
	width:175px;
    position:relative;
    text-decoration:none;
}
#nav > li > a:hover {
color:#fff;
background-color:#f49e34;
}
#nav > li.selected  > a {
    z-index:2;
}
#nav li div {
    position:relative;
}
#nav li div div {
background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
   -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    padding:10px 0;
    display:none;
    font-size:12px;
    margin:0 0 0 10px;
    position:absolute;
    top:-1px;
    z-index:1;
    width:545px;
}
#nav li div div .huruf{
font-weight:normal;
color:#58595b;
padding:0px 10px 0 10px;
text-align:left;
width:100%;
}
#nav li div div.wrp2 {
margin-left:-175px;
    width:545px;
}
#nav li div div.wrp3 {
margin-left:-360px;
    width:545px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:100%;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
text-decoration:underline;
    color:#1268b3;
    font-weight:bold;
    margin:0 0 4px;
    font-size:14px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#58595B;
    display:block;
    margin-bottom:1px;
    padding:3px 3px 0 3px;
    text-decoration:none;
    font-size:12px;
}
#nav li ul ul li a:hover{
text-decoration:underline;
}

.db1 {float:left; margin-top:10px; line-height:10px; }
.db2 {float:left; margin-top:10px; line-height:10px; margin-left:25px; width:165px;}
.db3 {float:left; margin-top:25px; margin-left:25px;}
.db4 {float:left; margin-top:25px; margin-left:25px;}

.mr-kiri {
	width:150px;
	float:left;}
.mr-kiri h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#103e6e;
	margin-bottom:10px;}
.mr-kanan {
	width:502px;
	float:left;
	margin-left:10px;
	margin-bottom:26px;
}
.mr-kanan h2 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	margin-bottom:10px;}
	
/*.........................AWAL PAGING...............................*/
div.paging {
	padding     : 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;}
div.paging a {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging a:hover {
	border           : 1px solid #c5c5c5;
	color            : #fff;
	background-color : #686868;}
div.paging span.current {
color:#f2f2f2;
	background:#6f6f6f; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.disabled {
background:#ebebeb; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.prevnext {
	padding      : 2px 10px 2px 10px;}
/*.........................AKHIR PAGING...............................*/

#wrap-calc {
	width:500px;
	height:400px;
	position:relative;
	background:url(../images/bg-calculator.jpg);}
.calc {
	width:330px;
	position:absolute;
	margin-left:152px;
	margin-top:76px;}
.hasil {
    margin-left: 149px;
    margin-top: 85px;
    position: absolute;
    width: 345px;}
.calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:70px;}
.hasil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:80px;}
.calc table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58595b;}
.hasil table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#58595b;}	
.calc fieldset, .calc input, .calc button {
	border:none;}
.calc input {color: #333; font-size:10px; width: 122px; height: 26px; background:url(../images/form-login_03_01.jpg) no-repeat; padding-left: 5px;}
.calc button { width: 103px; height: 34px; cursor: pointer; text-indent: -9999px; background:url(../images/tombol-send_03.jpg) no-repeat; margin-left:198px; margin-top:10px;}
.social { list-style:none;}
.social li { float:left; margin-right:8px;}
.black{color:#333333;}
.prl5{position:relative; left:5px;}
.abu{color:#d1d3d4;}
.f14{font-size:14px;}
.prt-5{position:relative; top:-5px;}
.fr{float:right;}
.ml20{margin-left:20px;}
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
.fl{float:left;}
.bg-mobile{display:none;}
.footmu{display:none;}
.logodepanr{display:none;}
.menuku{display:none;}
@charset "utf-8";
* { margin:0px; padding:0px;}
body { background:url(../images/bg.png) repeat-x #FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.white{background:fff;}
p {
line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
#mid-left-home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
a {
	text-decoration:none;
	outline:none;}
h1 { margin-top:0px; margin-bottom:10px;}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#abe1fa;}
img {border: 0; }
hr {color:#d7d7d9; margin-bottom:10px;}
.light{-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.list {
	margin-top:10px;
	margin-bottom:10px;
	list-style:disc;
	margin-left:40px;}
.list li, .list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:5px;}
.list li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f5a747;
	margin-bottom:5px;}
.clr {clear:both;}
.arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
.arial-13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6c6c6d;}
.arial-20-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#58595b;}
.arial-20-blue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;}
.arial-13-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#103e6e;
	font-weight:bold;}
.arial-16-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58595b;}
.arial-14-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#abe1fa;}
.arial-20-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-bottom:10px;}
.link-arial-10-orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f5a747;}
.link-arial-14-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;}
.link-arial-14-white:hover {
	text-decoration:underline;}
.link-arial-13-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#abe1fa;
	font-weight:bold;}
.link-arial-13-blue:hover {
	text-decoration:underline;}

.image1 {margin-right: 30px; margin-top: 4px;}
.sub-menu {margin-top:10px; margin-left:10px;}
	
ul.bullet{
	list-style:url(../images/bullet.jpg);}
ul.bullet a {
position:relative;
top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1268b3;
	font-weight:bold;
	}
ul.bullet a:hover {
	color:#969697;}
	
ul.bullet li {
font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:26px;}
	
ul.fot-bullet{
	list-style:none;}
ul.fot-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
ul.fot-bullet a:hover {
	text-decoration:underline;
	color:#d1d3d4;}
ul.fot-bullet li {
	margin-bottom:10px;
	margin-top:10px;}
	
.left-box {
	width:271px;
	margin-top:16px;}
.left-box-content {
    height: 40px;
    margin-left: 6px;
    margin-top: -40px;
    position: absolute;
    width: 266px;
    z-index: 10;}
.mr-mid {margin-bottom:20px;}
.mr-right {
	float:left;
	width:100%;}
.mr-left {float:left;}
.mr-right1 {float:left;}
.mr-left-clear {float:left; width:520px;}
.mr-right1-clear {float:left; width:140px;}
.img-slider {
	float:left;
	width:296px;
	height:171px;
	margin-left:34px;}
.txt-slider {
    color: #D1D3D4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 10px;
    margin-top: -56px;
    position: absolute;
    z-index: 1000;}
.thumb-home { float:left; margin-bottom:10px;}
.thumb-txt-home { float:left; margin-left:5px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d1d3d4;}
.thumb-txt-home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt-home a:hover  {
	text-decoration:underline;}
.thumb-txt { float:left; margin-left:5px; width:154px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C6C6D;}
.thumb-txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt a:hover  {
	text-decoration:underline;}
#tagline h1 {
font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#1268b3;
	margin-top:20px;}
#u-tagline h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:20px;}
#u-tagline h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:5px;
	margin-bottom:5px;}
.home{

width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-home_01.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wrapper-home {
	width: 1020px;
	margin:0px auto 0px auto;
	}
#wrapper {
	width: 1020px;
	margin:0px auto 0px auto;
	background-color:#fff;}
#top-home {
	width:959px;
	height:350px;
	margin:0px auto 0px auto;}
#top-protection {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/slide-wealth-protection_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	}
#top-accumulation {
	background:url(../images/bg-accumulation_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-news {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-news_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
#top-approach {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner-approach.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }	
#top-distribution {
	background:url(../images/bgdistribution_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-philosophy {
	background:url(../images/bg-philosophy_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-partner {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bgpartner_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
#top-about {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/about-us_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	}
#top-career {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/career.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
	
#top-contact {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-contact_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-campus {
	background:url(../images/bg-campus_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-left {
margin-left:10px;
	width:360px;
	height:76px;
	margin-top:30px;
	float:left;}
#top-right {
	width:570px;
	height:250px;
	margin-top:30px;
	float:left;
	margin-left:10px;}
#menu-atas {margin-left:20px; text-align:right;}
#menu-atas a, #menu-atas h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;}
#menu-atas a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;
	text-decoration:underline;}
#breadcrumb {
	width:959px;
	height:51px;
	margin:0px auto 0px auto;
	padding-top:34px;}
#slider {
	width: 100%;
	height:197px;
	margin-top:10px;}
#mid-home {
	width:959px;
	margin:30px auto 0px auto;}
#mid-left-home {
	width:645px;
	float:left;}
#mid-right-home {
	margin-left:10px;
	width:300px;
	float:left;}
#mid-right-home img{
	margin-top:9.2%;
	margin-left:8%;
	width:90%;
	}
#mid-right-home p{
	font-size:12px;
	margin:1% 4%;
	color:#808080;
}
#mid-right-home hr{
	margin-top:5px;
	border-top:#D5D5D5 2px solid;
	border-style: solid none none;
	width:95%;
	margin-left:1.5%;
	}
.login{
	width:90%;
	height:50%;
	border-radius:10Px;
	margin-top:0%;
	padding:10px;
	margin-left:10px;
	border: #d5d5d5 2px solid;
}
.login h2{
	color:#abe1fa;
	margin-top:10px;
	font-size:13pt;
	margin-left:7px;
}
.login input[type=text]{
	width:70%;
	margin:6% auto 0;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#1268b3 1px solid;
}
.login input[type=password]{
	width:70%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#f49e34 1px solid;
}
.login input[type=submit]{
	width:75%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	color:#FFF;
	padding:0 5px;
	border-radius:5px;
	background-color:#1268b3;
	font-size:14px;
	border:#1268b3 1px solid;
}

#mid {
	width:959px;
	margin:0px auto 0px auto;}
#mid-left {
	width:272px;
	float:left;
	margin-bottom:20px;}
#mid-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 25px;
    width: 662px;}
#footer {
	margin:0px auto 0px auto;
	background-color:#6d7b86;}
#foot-top {
	width:959px;
	margin:0px auto 0px auto;
	height:auto;}
#ft-1 {float:left; margin-top:30px;}
#ft-2 {float:left; margin-top:30px; margin-left:50px; width:165px;}
#ft-3 {float:left; margin-top:30px; margin-left:50px;}
#ft-4 {float:left; margin-top:30px; margin-left:50px;}
#ft-5 {float:right; margin-top:30px; margin-left:50px;}
#foot-bottom {
	width:959px;
	margin:0px auto 0px auto;
	height:100px;}
#fb-1 {float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
#fb-2 {float:left; margin-top:25px; margin-left:30px;}

/* main menu styles */
.menu {
margin-top:10px;
float:right;
}
.menu > span {
    display:inline-block;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#nav > li {
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
margin-left:10px;
padding-top:10px;
text-align:center;
height:25px;
background:#1268b3;
    color:#5695d8;
    display:block;
    font-size:14px;
	width:175px;
    position:relative;
    text-decoration:none;
}
#nav > li > a:hover {
color:#fff;
background-color:#f49e34;
}
#nav > li.selected  > a {
    z-index:2;
}
#nav li div {
    position:relative;
}
#nav li div div {
background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
   -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    padding:10px 0;
    display:none;
    font-size:12px;
    margin:0 0 0 10px;
    position:absolute;
    top:-1px;
    z-index:1;
    width:545px;
}
#nav li div div .huruf{
font-weight:normal;
color:#58595b;
padding:0px 10px 0 10px;
text-align:left;
width:100%;
}
#nav li div div.wrp2 {
margin-left:-175px;
    width:545px;
}
#nav li div div.wrp3 {
margin-left:-360px;
    width:545px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:100%;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
text-decoration:underline;
    color:#1268b3;
    font-weight:bold;
    margin:0 0 4px;
    font-size:14px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#58595B;
    display:block;
    margin-bottom:1px;
    padding:3px 3px 0 3px;
    text-decoration:none;
    font-size:12px;
}
#nav li ul ul li a:hover{
text-decoration:underline;
}


.db1 {float:left; margin-top:10px; line-height:10px; }
.db2 {float:left; margin-top:10px; line-height:10px; margin-left:25px; width:165px;}
.db3 {float:left; margin-top:25px; margin-left:25px;}
.db4 {float:left; margin-top:25px; margin-left:25px;}

.mr-kiri {
	width:150px;
	float:left;}
.mr-kiri h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#103e6e;
	margin-bottom:10px;}
.mr-kanan {
	width:502px;
	float:left;
	margin-left:10px;
	margin-top:26px;}
.mr-kanan h2 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	margin-bottom:10px;}
	
/*.........................AWAL PAGING...............................*/
div.paging {
	padding     : 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;}
div.paging a {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging a:hover {
	border           : 1px solid #c5c5c5;
	color            : #fff;
	background-color : #686868;}
div.paging span.current {
color:#f2f2f2;
	background:#6f6f6f; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.disabled {
background:#ebebeb; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.prevnext {
	padding      : 2px 10px 2px 10px;}
/*.........................AKHIR PAGING...............................*/

#wrap-calc {
	width:500px;
	height:400px;
	position:relative;
	background:url(../images/bg-calculator.jpg);}
.calc {
	width:330px;
	position:absolute;
	margin-left:152px;
	margin-top:76px;}
.hasil {
    margin-left: 149px;
    margin-top: 85px;
    position: absolute;
    width: 345px;}
.calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:70px;}
.hasil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:80px;}
.calc table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58595b;}
.hasil table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#58595b;}	
.calc fieldset, .calc input, .calc button {
	border:none;}
.calc input {color: #333; font-size:10px; width: 122px; height: 26px; background:url(../images/form-login_03_01.jpg) no-repeat; padding-left: 5px;}
.calc button { width: 103px; height: 34px; cursor: pointer; text-indent: -9999px; background:url(../images/tombol-send_03.jpg) no-repeat; margin-left:198px; margin-top:10px;}
.social { list-style:none;}
.social li { float:left; margin-right:8px;}
.black{color:#333333;}
.prl5{position:relative; left:5px;}
.abu{color:#d1d3d4;}
.f14{font-size:14px;}
.prt-5{position:relative; top:-5px;}
.fr{float:right;}
.ml20{margin-left:20px;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.fl{float:left;}
.bg-mobile{display:none;}
.footmu{display:none;}
.logodepanr{display:none;}
.menuku{display:none;}

@charset "utf-8";
* { margin:0px; padding:0px;}
body { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.white{background:fff;}
p {
line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
#mid-left-home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
a {
	text-decoration:none;
	outline:none;}
h1 { margin-top:0px; margin-bottom:10px;}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#abe1fa;}
img {border: 0; }
hr {color:#d7d7d9; margin-bottom:10px;}
.light{-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.list {
	margin-top:10px;
	margin-bottom:10px;
	list-style:disc;
	margin-left:40px;}
.list li, .list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:5px;}
.list li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f5a747;
	margin-bottom:5px;}
.clr {clear:both;}
.arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
.arial-13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6c6c6d;}
.arial-20-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#58595b;}
.arial-20-blue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;}
.arial-13-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#103e6e;
	font-weight:bold;}
.arial-16-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58595b;}
.arial-14-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#abe1fa;}
.arial-20-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-bottom:10px;}
.link-arial-10-orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f5a747;}
.link-arial-14-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;}
.link-arial-14-white:hover {
	text-decoration:underline;}
.link-arial-13-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#abe1fa;
	font-weight:bold;}
.link-arial-13-blue:hover {
	text-decoration:underline;}

.image1 {margin-right: 30px; margin-top: 4px;}
.sub-menu {margin-top:10px; margin-left:10px;}
	
ul.bullet{
	list-style:url(../images/bullet.jpg);}
ul.bullet a {
position:relative;
top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1268b3;
	font-weight:bold;
	}
ul.bullet a:hover {
	color:#969697;}
	
ul.bullet li {
font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:26px;}
	
ul.fot-bullet{
	list-style:none;}
ul.fot-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
ul.fot-bullet a:hover {
	text-decoration:underline;
	color:#d1d3d4;}
ul.fot-bullet li {
	margin-bottom:10px;
	margin-top:10px;}
	
.left-box {
	width:271px;
	margin-top:16px;}
.left-box-content {
    height: 40px;
    margin-left: 6px;
    margin-top: -40px;
    position: absolute;
    width: 266px;
    z-index: 10;}
.mr-mid {margin-bottom:20px;}
.mr-right {
	float:left;
	width:100%;}
.mr-left {float:left;}
.mr-right1 {float:left;}
.mr-left-clear {float:left; width:520px;}
.mr-right1-clear {float:left; width:140px;}
.img-slider img {
	float:left;
	width:100%;
	margin-left:5%;}
.img-slider{
	float:left;
	width:25%;
	margin-left:5%;
	position:relative;}
.txt-slider {
   color: #D1D3D4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 20px;
    margin-top: 110px;
    position: absolute;
    z-index: 1000;}
.thumb-home { float:left; margin-bottom:10px;}
.thumb-txt-home { float:left; margin-left:5px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d1d3d4;}
.thumb-txt-home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt-home a:hover  {
	text-decoration:underline;}
.thumb-txt { float:left; margin-left:5px; width:154px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C6C6D;}
.thumb-txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt a:hover  {
	text-decoration:underline;}
#tagline h1 {
font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#1268b3;
	margin-top:20px;}
#u-tagline h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:20px;}
#u-tagline h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:5px;
	margin-bottom:5px;}
.home{

width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-home_01.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wrapper-home {
	width: 100%;
	margin:0px auto 0px auto;
	}
#wrapper {
	width: 100%;
	margin:0px auto 0px auto;
	background-color:#fff;}
#top-home {
	width:100%;
	height:350px;
	margin:0px auto 0px auto;}
#top-protection {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/slide-wealth-protection_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
#top-accumulation {
	background:url(../images/bg-accumulation_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-news {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-news_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
	}
#top-approach {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner-approach.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }	
#top-distribution {
	background:url(../images/bgdistribution_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-philosophy {
	background:url(../images/bg-philosophy_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-partner {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bgpartner_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-about {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/about-us_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-career {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/career.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
	
#top-contact {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-contact_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
#top-campus {
	background:url(../images/bg-campus_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-left {
margin-left:10px;
	width:35%;
	height:76px;
	margin-top:30px;
	float:left;}
#top-right {
	width:60%;
	height:250px;
	margin-top:30px;
	float:left;
	margin-left:10px;}
#menu-atas {margin-left:20px; text-align:right;}
#menu-atas a, #menu-atas h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;}
#menu-atas a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;
	text-decoration:underline;}
#breadcrumb {
	width:100%;
	height:51px;
	margin:0px auto 0px 10px;
	padding-top:34px;}
#slider {
	width: 100%;
	height:197px;
	margin-top:10px;}

#mid-home {
padding-top:20px;
	width:100%;
	margin:30px auto 0px auto;}
#mid-left-home {
margin-left:10px;
	width:65%;
	float:left;}
#mid-right-home {
	margin-left:10px;
	width:25%;
	float:left;}
	#mid-right-home img{width:100%;}
#mid-right-home {
	margin-left:10px;
	width:300px;
	float:left;}
#mid-right-home img{
	margin-top:9.2%;
	margin-left:8%;
	width:90%;
	}
#mid-right-home p{
	font-size:12px;
	margin:1% 4%;
	color:#808080;
}
#mid-right-home hr{
	margin-top:5px;
	border-top:#D5D5D5 2px solid;
	border-style: solid none none;
	width:95%;
	margin-left:1.5%;
	}
.login{
	width:90%;
	height:50%;
	border-radius:10Px;
	margin-top:0%;
	padding:10px;
	margin-left:10px;
	border: #d5d5d5 2px solid;
}
.login h2{
	color:#abe1fa;
	margin-top:10px;
	font-size:13pt;
	margin-left:7px;
}
.login input[type=text]{
	width:70%;
	margin:6% auto 0;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#1268b3 1px solid;
}
.login input[type=password]{
	width:70%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#f49e34 1px solid;
}
.login input[type=submit]{
	width:75%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	color:#FFF;
	padding:0 5px;
	border-radius:5px;
	background-color:#1268b3;
	font-size:14px;
	border:#1268b3 1px solid;
}
	
#mid {
	width:100%;
	margin:0px auto 0px auto;}
#mid-left {
margin-left:10px;
	width:25%;
	float:left;
	margin-bottom:20px;}
#mid-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 25px;
    width: 70%;}
#footer {
	margin:0px auto 0px auto;
	background-color:#6d7b86;}
#foot-top {
	width:100%;
	margin:0px auto 0px auto;
	height:auto;}
#ft-1 {float:left; margin-top:30px; padding-left:10px;}
#ft-2 {float:left; margin-top:30px; margin-left:50px; width:165px;}
#ft-3 {float:left; margin-top:30px; margin-left:50px;}
#ft-4 {float:left; margin-top:30px; margin-left:50px;}
#ft-5 {float:right; margin-top:30px; display:none;}
#foot-bottom {
	width:100%;
	margin:0px auto 0px auto;
	height:100px;}
#fb-1 {float:left; margin-top:30px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
#fb-2 {float:left; margin-top:25px; margin-left:30px;}

/* ------------------------------ Navigation  ------------------------------ */
/*
#nav {
float:right;
	margin-top:20px;
	z-index: 250;}
#nav ul {
	list-style: none; 
	margin: 0px;
	padding: 0px; 
	z-index: 0; }
#nav li {
clear:both;
	padding: 0; 
	margin-left:20px; 
	height:38px; }
#nav li a {
	display: block; 
	overflow: hidden;
	height: 30px; 
	width:170px; 
	z-index: 250;}
#nav li a:hover, #nav li.on a { background-position: 0px 30px;}
#nav_wealth a {background: transparent url(../images/menu_03.png) 0px 62px; }
#nav_our a { background: transparent url(../images/menu_05.png) 0px 62px; }
#nav_about a { background: transparent url(../images/menu_07.png) 0px 62px; }
#nav_wealth div.dropdown_internal a,#nav_our div.dropdown_internal a,#nav_about div.dropdown_internal a{ 
	background-image:none;
	text-indent: 0;
	display: inline;
	overflow: visible;}
#nav_wealth_drop a, #nav_our_drop a, #nav_about_drop a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1e5fa3;
	font-weight:bold;}
#nav_wealth_drop a:hover, #nav_our_drop a:hover, #nav_about_drop a:hover {text-decoration:underline;}
div.dropdown {
margin-left:-35%;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
    color: #58595B;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 50%;
    z-index: 9999;
	margin-top:5px;}
div.dropdown1 {
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
    color: #58595B;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 50%;
    z-index: 9999;
	margin-top:5px;
	margin-left:-35%;}
div.dropdown2 {
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
    color: #58595B;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    width: 50%;
    z-index: 9999;
	margin-top:5px;
	margin-left:-35%;
}
#nav_wealth_drop ul.dropdown_subnav { position: relative;list-style: none; margin-top:10px; padding: 0; z-index: 10; }

#nav_wealth_drop ul.dropdown_subnav li { position: relative;float: none; padding: 0;margin: 0; height:auto !important; margin-bottom:8px;}

#nav_wealth_drop ul.dropdown_subnav a li{ text-decoration:none; color:#58595B; font-size:12px; font-weight:normal;}
*/
/* main menu styles */
.menu {
margin-top:10px;
float:right;
}
.menu > span {
    display:inline-block;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#nav > li {
margin-bottom:10px;
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
margin-left:10px;
padding-top:10px;
text-align:center;
height:25px;
background:#1268b3;
    color:#5695d8;
    display:block;
    font-size:14px;
	width:175px;
    position:relative;
    text-decoration:none;
}
#nav > li > a:hover {
color:#fff;
background-color:#f49e34;
}
#nav > li.selected  > a {
    z-index:2;
}
#nav li div {
    position:relative;
}
#nav li div div {
background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
   -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    padding:10px 0;
    display:none;
    font-size:12px;
    margin:0 0 0 10px;
    position:absolute;
    top:-1px;
    z-index:9999;
    width:545px;
}
#nav li div div .huruf{
font-weight:normal;
color:#58595b;
padding:0px 10px 0 10px;
text-align:left;
width:100%;
}
#nav li div div.wrp1 {
margin-left:9px;
    width:545px;
}
#nav li div div.wrp2 {
margin-left:-175px;
    width:545px;
}
#nav li div div.wrp3 {
margin-left:-360px;
    width:545px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:100%;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
text-decoration:underline;
    color:#1268b3;
    font-weight:bold;
    margin:0 0 4px;
    font-size:14px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#58595B;
    display:block;
    margin-bottom:1px;
    padding:3px 3px 0 3px;
    text-decoration:none;
    font-size:12px;
}
#nav li ul ul li a:hover{
text-decoration:underline;
}


.db1 {float:left; margin-top:10px; line-height:10px; }
.db2 {float:left; margin-top:10px; line-height:10px; margin-left:25px; width:165px;}
.db3 {float:left; margin-top:25px; margin-left:25px;}
.db4 {float:left; margin-top:25px; margin-left:25px;}

.mr-kiri {
	width:23%;
	float:left;}
.mr-kiri h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#103e6e;
	margin-bottom:10px;}
.mr-kanan {
	width:70%;
	float:right;
	margin-left:10px;
	margin-top:26px;}
.mr-kanan h2 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	margin-bottom:10px;}
	
/*.........................AWAL PAGING...............................*/
div.paging {
	padding     : 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;}
div.paging a {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging a:hover {
	border           : 1px solid #c5c5c5;
	color            : #fff;
	background-color : #686868;}
div.paging span.current {
color:#f2f2f2;
	background:#6f6f6f; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.disabled {
background:#ebebeb; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.prevnext {
	padding      : 2px 10px 2px 10px;}
/*.........................AKHIR PAGING...............................*/

#wrap-calc {
	width:500px;
	height:400px;
	position:relative;
	background:url(../images/bg-calculator.jpg);}
.calc {
	width:330px;
	position:absolute;
	margin-left:152px;
	margin-top:76px;}
.hasil {
    margin-left: 149px;
    margin-top: 85px;
    position: absolute;
    width: 345px;}
.calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:70px;}
.hasil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:80px;}
.calc table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58595b;}
.hasil table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#58595b;}	
.calc fieldset, .calc input, .calc button {
	border:none;}
.calc input {color: #333; font-size:10px; width: 122px; height: 26px; background:url(../images/form-login_03_01.jpg) no-repeat; padding-left: 5px;}
.calc button { width: 103px; height: 34px; cursor: pointer; text-indent: -9999px; background:url(../images/tombol-send_03.jpg) no-repeat; margin-left:198px; margin-top:10px;}
.social { list-style:none;}
.social li { float:left; margin-right:8px;}
.black{color:#333333;}
.prl5{position:relative; left:5px;}
.abu{color:#d1d3d4;}
.f14{font-size:14px;}
.prt-5{position:relative; top:-5px;}
.fr{float:right;}
.ml20{margin-left:20px;}
}


@media only screen and (min-width:580px) and (max-width:767px) {
.login{
	width:95%;
	height:50%;
	border-radius:10Px;
	margin-top:5%;
	padding:10px;
	border: #d5d5d5 2px solid;
}
.login h2{
	color:#abe1fa;
	margin-top:10px;
	font-size:13pt;	
}
.login input[type=text]{
	width:70%;
	margin:10% auto 0;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#1268b3 1px solid;
}
.login input[type=password]{
	width:70%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#f49e34 1px solid;
}
.login input[type=submit]{
	width:75%;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	color:#FFF;
	padding:0 5px;
	border-radius:5px;
	background-color:#1268b3;
	font-size:14px;
	border:#1268b3 1px solid;
}
.fl{float:left;}
.bg-mobile{display:none;}
.footmu{display:none;}
.logodepanr{display:none;}
.menuku{display:none;}

@charset "utf-8";
* { margin:0px; padding:0px;}
body { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.white{background:fff;}
p {
line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
#mid-left-home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
a {
	text-decoration:none;
	outline:none;}
h1 { margin-top:0px; margin-bottom:10px;}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#abe1fa;}
img {border: 0; }
hr {color:#d7d7d9; margin-bottom:10px;}
.light{-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.list {
	margin-top:10px;
	margin-bottom:10px;
	list-style:disc;
	margin-left:40px;}
.list li, .list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:5px;}
.list li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f5a747;
	margin-bottom:5px;}
.clr {clear:both;}
.arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
.arial-13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6c6c6d;}
.arial-20-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#58595b;}
.arial-20-blue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;}
.arial-13-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#103e6e;
	font-weight:bold;}
.arial-16-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58595b;}
.arial-14-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#abe1fa;}
.arial-20-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-bottom:10px;}
.link-arial-10-orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f5a747;}
.link-arial-14-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;}
.link-arial-14-white:hover {
	text-decoration:underline;}
.link-arial-13-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#abe1fa;
	font-weight:bold;}
.link-arial-13-blue:hover {
	text-decoration:underline;}

.image1 {margin-right: 30px; margin-top: 4px;}
.sub-menu {margin-top:10px; margin-left:10px;}
	
ul.bullet{
	list-style:url(../images/bullet.jpg);}
ul.bullet a {
position:relative;
top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1268b3;
	font-weight:bold;
	}
ul.bullet a:hover {
	color:#969697;}
	
ul.bullet li {
font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:26px;}
	
ul.fot-bullet{
	list-style:none;}
ul.fot-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
ul.fot-bullet a:hover {
	text-decoration:underline;
	color:#d1d3d4;}
ul.fot-bullet li {
	margin-bottom:10px;
	margin-top:10px;}
	
.left-box {
	width:271px;
	margin-top:16px;}
.left-box-content {
    height: 40px;
    margin-left: 6px;
    margin-top: -40px;
    position: absolute;
    width: 266px;
    z-index: 10;}
.mr-mid {margin-bottom:20px;}
.mr-right {
	float:left;
	width:100%;}
.mr-left {float:left;}
.mr-right1 {float:left;}
.mr-left-clear {float:left; width:520px;}
.mr-right1-clear {float:left; width:140px;}
.img-slider {
	float:left;
	width:20%;
	height:171px;
	margin-left:34px;}
.txt-slider {
    color: #D1D3D4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 10px;
    margin-top: -56px;
    position: absolute;
    z-index: 1000;}
.thumb-home { float:left; margin-bottom:10px;}
.thumb-txt-home { float:left; margin-left:5px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d1d3d4;}
.thumb-txt-home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt-home a:hover  {
	text-decoration:underline;}
.thumb-txt { float:left; margin-left:5px; width:154px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C6C6D;}
.thumb-txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt a:hover  {
	text-decoration:underline;}
#tagline h1 {
font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#1268b3;
	margin-top:20px;}
#u-tagline h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:20px;}
#u-tagline h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:5px;
	margin-bottom:5px;}
.home{

width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-home_01.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wrapper-home {
	width: 100%;
	margin:0px auto 0px auto;
	}
#wrapper {
	width: 100%;
	margin:0px auto 0px auto;
	background-color:#fff;}
#top-home {
	width:100%;
	height:350px;
	margin:0px auto 0px auto;}
#top-protection {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/slide-wealth-protection_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
#top-accumulation {
	background:url(../images/bg-accumulation_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-news {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-news_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-approach {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner-approach.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }	
#top-distribution {
	background:url(../images/bgdistribution_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-philosophy {
	background:url(../images/bg-philosophy_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-partner {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bgpartner_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
#top-about {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/about-us_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-career {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/career.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
	
#top-contact {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-contact_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-campus {
	background:url(../images/bg-campus_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}

#top-left {
margin-left:10px;
	width:35%;
	height:76px;
	margin-top:30px;
	float:left;}
#top-right {
	width:60%;
	height:250px;
	margin-top:30px;
	float:left;
	margin-left:10px;}
#menu-atas {margin-left:20px; text-align:right;}
#menu-atas a, #menu-atas h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;}
#menu-atas a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;
	text-decoration:underline;}
#breadcrumb {
	width:959px;
	height:51px;
	margin:0px auto 0px auto;
	padding-top:34px;}
#slider {
display:none;
	width: 100%;
	height:197px;
	margin-top:10px;}
#mid-home {
padding-top:20px;
	width:100%;
	margin:30px auto 0px auto;}
#mid-left-home {
padding-right:10px;
margin-left:10px;
	width:90%;
	float:left;}
#mid-right-home {
	margin-left:10px;
	width:25%;
	float:left;}
	#mid-right-home img{ display:none; width:100%;}
	
#mid {
	width:100%;
	margin:0px auto 0px auto;}
#mid-left {
	width:272px;
	float:left;
	margin-bottom:20px;}
#mid-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 25px;
    width: 662px;}
#footer {
	margin:0px auto 0px auto;
	background-color:#6d7b86;}
#foot-top {
	width:100%;
	margin:0px auto 0px auto;
	height:auto;}
#ft-1 {float:left; margin-top:30px;}
#ft-2 {float:left; margin-top:30px; margin-left:50px; width:165px;}
#ft-3 {float:left; margin-top:30px; margin-left:50px;}
#ft-4 {float:left; margin-top:30px; margin-left:50px;}
#ft-5 {float:right; margin-top:30px; margin-left:50px;}
#foot-bottom {
	width:100%;
	margin:0px auto 0px auto;
	height:100px;}
#fb-1 {float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;}
#fb-2 {float:left; margin-top:25px; margin-left:30px;}

/* main menu styles */
.menu {
margin-top:10px;
float:right;
}
.menu > span {
    display:inline-block;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#nav > li {
margin-bottom:10px;
clear:both;
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
margin-left:10px;
padding-top:10px;
text-align:center;
height:25px;
background:#1268b3;
    color:#5695d8;
    display:block;
    font-size:14px;
	width:175px;
    position:relative;
    text-decoration:none;
}
#nav > li > a:hover {
color:#fff;
background-color:#f49e34;
}
#nav > li.selected  > a {
    z-index:2;
}
#nav li div {
    position:relative;
}
#nav li div div {
background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
   -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    padding:10px 0;
    display:none;
    font-size:12px;
    margin:0 0 0 10px;
    position:absolute;
    top:-1px;
    z-index:9999;
    width:545px;
}
#nav li div div .huruf{
font-weight:normal;
color:#58595b;
padding:0px 10px 0 10px;
text-align:left;
width:100%;
}
#nav li div div.wrp1 {
margin-left:-360px;
    width:545px;
}
#nav li div div.wrp2 {
margin-left:-360px;
    width:545px;
}
#nav li div div.wrp3 {
margin-left:-360px;
    width:545px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:100%;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
text-decoration:underline;
    color:#1268b3;
    font-weight:bold;
    margin:0 0 4px;
    font-size:14px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#58595B;
    display:block;
    margin-bottom:1px;
    padding:3px 3px 0 3px;
    text-decoration:none;
    font-size:12px;
}
#nav li ul ul li a:hover{
text-decoration:underline;
}


.db1 {float:left; margin-top:10px; line-height:10px; }
.db2 {float:left; margin-top:10px; line-height:10px; margin-left:25px; width:165px;}
.db3 {float:left; margin-top:25px; margin-left:25px;}
.db4 {float:left; margin-top:25px; margin-left:25px;}

.mr-kiri {
	width:150px;
	float:left;}
.mr-kiri h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#103e6e;
	margin-bottom:10px;}
.mr-kanan {
	width:502px;
	float:left;
	margin-left:10px;
	margin-top:26px;}
.mr-kanan h2 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	margin-bottom:10px;}
	
/*.........................AWAL PAGING...............................*/
div.paging {
	padding     : 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;}
div.paging a {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging a:hover {
	border           : 1px solid #c5c5c5;
	color            : #fff;
	background-color : #686868;}
div.paging span.current {
color:#f2f2f2;
	background:#6f6f6f; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.disabled {
background:#ebebeb; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.prevnext {
	padding      : 2px 10px 2px 10px;}
/*.........................AKHIR PAGING...............................*/

#wrap-calc {
	width:500px;
	height:400px;
	position:relative;
	background:url(../images/bg-calculator.jpg);}
.calc {
	width:330px;
	position:absolute;
	margin-left:152px;
	margin-top:76px;}
.hasil {
    margin-left: 149px;
    margin-top: 85px;
    position: absolute;
    width: 345px;}
.calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:70px;}
.hasil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:80px;}
.calc table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58595b;}
.hasil table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#58595b;}	
.calc fieldset, .calc input, .calc button {
	border:none;}
.calc input {color: #333; font-size:10px; width: 122px; height: 26px; background:url(../images/form-login_03_01.jpg) no-repeat; padding-left: 5px;}
.calc button { width: 103px; height: 34px; cursor: pointer; text-indent: -9999px; background:url(../images/tombol-send_03.jpg) no-repeat; margin-left:198px; margin-top:10px;}
.social { list-style:none;}
.social li { float:left; margin-right:8px;}
.black{color:#333333;}
.prl5{position:relative; left:5px;}
.abu{color:#d1d3d4;}
.f14{font-size:14px;}
.prt-5{position:relative; top:-5px;}
.fr{float:right;}
.ml20{margin-left:20px;}
}

@media only screen and (min-width:580px) and (max-width:767px) {
.login{
	width:95%;
	height:50%;
	border-radius:10Px;
	margin-top:75%;
	padding:10px;
	display:none;
	border: #d5d5d5 2px solid;
}
.login h2{
	color:#abe1fa;
	margin-top:10px;
	font-size:13pt;
	display:none;	
}
.login input[type=text]{
	width:70%;
	margin:10% auto 0;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	display:none;
	border:#1268b3 1px solid;
}
.login input[type=password]{
	width:70%;
	display:none;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#f49e34 1px solid;
}
.login input[type=submit]{
	width:75%;
	display:none;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	color:#FFF;
	padding:0 5px;
	border-radius:5px;
	background-color:#1268b3;
	font-size:14px;
	border:#1268b3 1px solid;
}
.fl{float:left;}
.bg-mobile{display:none;}
.footmu{display:none;}
.logodepanr{display:none;}
.menuku{display:none;}
@charset "utf-8";
* { margin:0px; padding:0px;}
body { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.white{background:fff;}
p {
line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
#mid-left-home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
a {
	text-decoration:none;
	outline:none;}
h1 { margin-top:0px; margin-bottom:10px;}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#abe1fa;}
img {border: 0; }
hr {color:#d7d7d9; margin-bottom:10px;}
.light{-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.list {
	margin-top:10px;
	margin-bottom:10px;
	list-style:disc;
	margin-left:40px;}
.list li, .list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:5px;}
.list li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f5a747;
	margin-bottom:5px;}
.clr {clear:both;}
.arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
.arial-13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6c6c6d;}
.arial-20-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#58595b;}
.arial-20-blue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;}
.arial-13-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#103e6e;
	font-weight:bold;}
.arial-16-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58595b;}
.arial-14-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#abe1fa;}
.arial-20-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-bottom:10px;}
.link-arial-10-orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f5a747;}
.link-arial-14-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;}
.link-arial-14-white:hover {
	text-decoration:underline;}
.link-arial-13-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#abe1fa;
	font-weight:bold;}
.link-arial-13-blue:hover {
	text-decoration:underline;}

.image1 {margin-right: 30px; margin-top: 4px;}
.sub-menu {margin-top:10px; margin-left:10px;}
	
ul.bullet{
	list-style:url(../images/bullet.jpg);}
ul.bullet a {
position:relative;
top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1268b3;
	font-weight:bold;
	}
ul.bullet a:hover {
	color:#969697;}
	
ul.bullet li {
font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:26px;}
	
ul.fot-bullet{
	list-style:none;}
ul.fot-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
ul.fot-bullet a:hover {
	text-decoration:underline;
	color:#d1d3d4;}
ul.fot-bullet li {
	margin-bottom:10px;
	margin-top:10px;}
	
.left-box {
	width:271px;
	margin-top:16px;}
.left-box-content {
    height: 40px;
    margin-left: 6px;
    margin-top: -40px;
    position: absolute;
    width: 266px;
    z-index: 10;}
.mr-mid {margin-bottom:20px;}
.mr-right {
	float:left;
	width:100%;}
.mr-left {float:left;}
.mr-right1 {float:left;}
.mr-left-clear {float:left; width:520px;}
.mr-right1-clear {float:left; width:140px;}
.img-slider {
	float:left;
	width:20%;
	height:171px;
	margin-left:34px;}
.txt-slider {
    color: #D1D3D4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 10px;
    margin-top: -56px;
    position: absolute;
    z-index: 1000;}
.thumb-home { float:left; margin-bottom:10px;}
.thumb-txt-home { float:left; margin-left:5px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d1d3d4;}
.thumb-txt-home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt-home a:hover  {
	text-decoration:underline;}
.thumb-txt { float:left; margin-left:5px; width:154px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C6C6D;}
.thumb-txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt a:hover  {
	text-decoration:underline;}
#tagline h1 {
font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#1268b3;
	margin-top:20px;}
#u-tagline h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:20px;}
#u-tagline h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:5px;
	margin-bottom:5px;}
.home{

width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-home_01.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wrapper-home {
	width: 100%;
	margin:0px auto 0px auto;
	}
#wrapper {
	width: 100%;
	margin:0px auto 0px auto;
	background-color:#fff;}
#top-home {
	width:100%;
	height:350px;
	margin:0px auto 0px auto;}
#top-protection {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/slide-wealth-protection_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#top-accumulation {
	background:url(../images/bg-accumulation_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-news {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-news_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-approach {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner-approach.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }	
#top-distribution {
	background:url(../images/bgdistribution_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-philosophy {
	background:url(../images/bg-philosophy_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-partner {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bgpartner_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
#top-about {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/about-us_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-career {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/career.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
	
#top-contact {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-contact_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-campus {
	background:url(../images/bg-campus_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-left {
margin-left:10px;
	width:35%;
	height:76px;
	margin-top:30px;
	float:left;}
#top-right {
	width:60%;
	height:250px;
	margin-top:30px;
	float:left;
	margin-left:10px;}
#menu-atas {margin-left:20px; text-align:right;}
#menu-atas a, #menu-atas h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;}
#menu-atas a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;
	text-decoration:underline;}
#breadcrumb {
	width:100%;
	height:51px;
	margin:0px auto 0px 10px;
	padding-top:34px;}
#slider {
display:none;
	width: 100%;
	height:197px;
	margin-top:10px;}
#mid-home {
padding-top:20px;
	width:100%;
	margin:30px auto 0px auto;}
#mid-left-home {
padding-right:10px;
margin-left:10px;
	width:90%;
	float:left;}
#mid-right-home {
	margin-left:10px;
	width:25%;
	float:left;}
	#mid-right-home img{ display:none; width:100%;}
	
#mid {
	width:100%;
	margin:0px auto 0px auto;}
#mid-left {
	float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 95%;}
#mid-right {
   float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 95%;}
#footer {
	margin:0px auto 0px auto;
	background-color:#6d7b86;}
#foot-top {
	width:100%;
	margin:0px auto 0px auto;
	height:auto;}
#ft-1 {float:left; margin-top:30px; padding-left:10px;}
#ft-2 {float:left; margin-top:30px; margin-left:50px; width:165px;}
#ft-3 {float:left; margin-top:30px; margin-left:50px;}
#ft-4 {float:left; margin-top:30px; margin-left:50px;}
#ft-5 {float:right; margin-top:30px; margin-left:50px; display:none;}
#foot-bottom {
	width:100%;
	margin:0px auto 0px auto;
	height:100px;}
#fb-1 {float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-left:10px;}
#fb-2 {float:left; margin-top:25px; margin-left:30px;}

/* main menu styles */
.menu {
margin-top:10px;
float:right;
}
.menu > span {
    display:inline-block;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#nav > li {
margin-bottom:10px;
clear:both;
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
margin-left:10px;
padding-top:10px;
text-align:center;
height:25px;
background:#1268b3;
    color:#5695d8;
    display:block;
    font-size:14px;
	width:175px;
    position:relative;
    text-decoration:none;
}
#nav > li > a:hover {
color:#fff;
background-color:#f49e34;
}
#nav > li.selected  > a {
    z-index:2;
}
#nav li div {
    position:relative;
}
#nav li div div {
background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
   -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    padding:10px 0;
    display:none;
    font-size:12px;
    margin:0 0 0 10px;
    position:absolute;
    top:-1px;
    z-index:9999;
    width:545px;
}
#nav li div div .huruf{
font-weight:normal;
color:#58595b;
padding:0px 10px 0 10px;
text-align:left;
width:100%;
}
#nav li div div.wrp1 {
margin-left:-360px;
    width:545px;
}
#nav li div div.wrp2 {
margin-left:-360px;
    width:545px;
}
#nav li div div.wrp3 {
margin-left:-360px;
    width:545px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:100%;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
text-decoration:underline;
    color:#1268b3;
    font-weight:bold;
    margin:0 0 4px;
    font-size:14px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#58595B;
    display:block;
    margin-bottom:1px;
    padding:3px 3px 0 3px;
    text-decoration:none;
    font-size:12px;
}
#nav li ul ul li a:hover{
text-decoration:underline;
}


.db1 {float:left; margin-top:10px; line-height:10px; }
.db2 {float:left; margin-top:10px; line-height:10px; margin-left:25px; width:165px;}
.db3 {float:left; margin-top:25px; margin-left:25px;}
.db4 {float:left; margin-top:25px; margin-left:25px;}

.mr-kiri {
	float: left;
    margin-bottom: 20px;
    margin-left: 25px;
    width: 50%;}
.mr-kiri h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#103e6e;
	margin-bottom:10px;}
.mr-kanan {
clear:both;
    margin-left: 10px;
    margin-top: 26px;
    width: 95%;}
.mr-kanan h2 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	margin-bottom:10px;}
	
/*.........................AWAL PAGING...............................*/
div.paging {
	padding     : 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;}
div.paging a {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging a:hover {
	border           : 1px solid #c5c5c5;
	color            : #fff;
	background-color : #686868;}
div.paging span.current {
color:#f2f2f2;
	background:#6f6f6f; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.disabled {
background:#ebebeb; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.prevnext {
	padding      : 2px 10px 2px 10px;}
/*.........................AKHIR PAGING...............................*/

#wrap-calc {
	width:500px;
	height:400px;
	position:relative;
	background:url(../images/bg-calculator.jpg);}
.calc {
	width:330px;
	position:absolute;
	margin-left:152px;
	margin-top:76px;}
.hasil {
    margin-left: 149px;
    margin-top: 85px;
    position: absolute;
    width: 345px;}
.calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:70px;}
.hasil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:80px;}
.calc table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58595b;}
.hasil table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#58595b;}	
.calc fieldset, .calc input, .calc button {
	border:none;}
.calc input {color: #333; font-size:10px; width: 122px; height: 26px; background:url(../images/form-login_03_01.jpg) no-repeat; padding-left: 5px;}
.calc button { width: 103px; height: 34px; cursor: pointer; text-indent: -9999px; background:url(../images/tombol-send_03.jpg) no-repeat; margin-left:198px; margin-top:10px;}
.social { list-style:none;}
.social li { float:left; margin-right:8px;}
.black{color:#333333;}
.prl5{position:relative; left:5px;}
.abu{color:#d1d3d4;}
.f14{font-size:14px;}
.prt-5{position:relative; top:-5px;}
.fr{float:right;}
.ml20{margin-left:20px;}
}

@media only screen and (min-width:480px) and (max-width:579px) {
.login{
	width:95%;
	height:50%;
	border-radius:10Px;
	margin-top:75%;
	padding:10px;
	display:none;
	border: #d5d5d5 2px solid;
}
.login h2{
	color:#abe1fa;
	margin-top:10px;
	font-size:13pt;
	display:none;	
}
.login input[type=text]{
	width:70%;
	margin:10% auto 0;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	display:none;
	border:#1268b3 1px solid;
}
.login input[type=password]{
	width:70%;
	display:none;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#f49e34 1px solid;
}
.login input[type=submit]{
	width:75%;
	display:none;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	color:#FFF;
	padding:0 5px;
	border-radius:5px;
	background-color:#1268b3;
	font-size:14px;
	border:#1268b3 1px solid;
}	
.fl{float:left;}
.bg-mobile{display:none;}
.footmu{display:none;}
.logodepanr{display:none;}
.menumu{display:none;}
@charset "utf-8";
* { margin:0px; padding:0px;}
body { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.white{background:fff;}
p {
line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
#mid-left-home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
a {
	text-decoration:none;
	outline:none;}
h1 { margin-top:0px; margin-bottom:10px;}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#abe1fa;}
img {border: 0; }
hr {color:#d7d7d9; margin-bottom:10px;}
.light{-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.list {
	margin-top:10px;
	margin-bottom:10px;
	list-style:disc;
	margin-left:40px;}
.list li, .list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:5px;}
.list li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f5a747;
	margin-bottom:5px;}
.clr {clear:both;}
.arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
.arial-13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6c6c6d;}
.arial-20-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#58595b;}
.arial-20-blue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;}
.arial-13-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#103e6e;
	font-weight:bold;}
.arial-16-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58595b;}
.arial-14-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#abe1fa;}
.arial-20-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-bottom:10px;}
.link-arial-10-orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f5a747;}
.link-arial-14-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;}
.link-arial-14-white:hover {
	text-decoration:underline;}
.link-arial-13-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#abe1fa;
	font-weight:bold;}
.link-arial-13-blue:hover {
	text-decoration:underline;}

.image1 {margin-right: 30px; margin-top: 4px;}
.sub-menu {margin-top:10px; margin-left:10px;}
	
ul.bullet{
	list-style:url(../images/bullet.jpg);}
ul.bullet a {
position:relative;
top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1268b3;
	font-weight:bold;
	}
ul.bullet a:hover {
	color:#969697;}
	
ul.bullet li {
font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:26px;}
	
ul.fot-bullet{
	list-style:none;}
ul.fot-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
ul.fot-bullet a:hover {
	text-decoration:underline;
	color:#d1d3d4;}
ul.fot-bullet li {
	margin-bottom:10px;
	margin-top:10px;}
	
.left-box {
	width:271px;
	margin-top:16px;}
.left-box-content {
    height: 40px;
    margin-left: 6px;
    margin-top: -40px;
    position: absolute;
    width: 266px;
    z-index: 10;}
.mr-mid {margin-bottom:20px;}
.mr-right {
	float:left;
	width:100%;}
.mr-left {float:left;}
.mr-right1 {float:left;}
.mr-left-clear {float:left; width:520px;}
.mr-right1-clear {float:left; width:140px;}
.img-slider {
	float:left;
	width:20%;
	height:171px;
	margin-left:34px;}
.txt-slider {
    color: #D1D3D4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 10px;
    margin-top: -56px;
    position: absolute;
    z-index: 1000;}
.thumb-home { float:left; margin-bottom:10px;}
.thumb-txt-home { float:left; margin-left:5px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d1d3d4;}
.thumb-txt-home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt-home a:hover  {
	text-decoration:underline;}
.thumb-txt { float:left; margin-left:5px; width:154px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C6C6D;}
.thumb-txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt a:hover  {
	text-decoration:underline;}
#tagline h1 {
display:none;
font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#1268b3;
	margin-top:20px;}
#u-tagline h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:20px;}
#u-tagline h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:5px;
	margin-bottom:5px;}
.home{

width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-home_01.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wrapper-home {
	width: 100%;
	margin:0px auto 0px auto;
	}
#wrapper {
	width: 100%;
	margin:0px auto 0px auto;
	background-color:#fff;}
#top-home {
	width:100%;
	height:350px;
	margin:0px auto 0px auto;}
#top-protection {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/slide-wealth-protection_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
#top-accumulation {
	background:url(../images/bg-accumulation_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-news {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-news_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
#top-approach {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner-approach.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }	
#top-distribution {
	background:url(../images/bgdistribution_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-philosophy {
	background:url(../images/bg-philosophy_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-partner {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bgpartner_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
#top-about {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/about-us_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-career {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/career.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
	
#top-contact {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/bg-contact_02.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
#top-campus {
	background:url(../images/bg-campus_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-left {
margin-left:10px;
	width:35%;
	height:76px;
	margin-top:30px;
	float:left;}
#top-right {
	width:60%;
	height:250px;
	margin-top:30px;
	float:left;
	margin-left:10px;}
#menu-atas {margin-left:20px; text-align:right;}
#menu-atas a, #menu-atas h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;}
#menu-atas a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;
	text-decoration:underline;}
#breadcrumb {
	width:100%;
	height:51px;
	margin:0px auto 0px 10px;
	padding-top:34px;}
#slider {
display:none;
	width: 100%;
	height:197px;
	margin-top:10px;}
#mid-home {
padding-top:20px;
	width:100%;
	margin:30px auto 0px auto;}
#mid-left-home {
padding-right:10px;
margin-left:10px;
	width:90%;
	float:left;}
#mid-right-home {
	margin-left:10px;
	width:25%;
	float:left;}
	#mid-right-home img{ display:none; width:100%;}
	
#mid {
	width:100%;
	margin:0px auto 0px auto;}
#mid-left {
margin-left:10px;
	width:95%;
	float:left;
	margin-bottom:20px;}
#mid-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 100%;}
#footer {
	margin:0px auto 0px auto;
	background-color:#6d7b86;}
#foot-top {
	width:100%;
	margin:0px auto 0px auto;
	height:auto;}
#ft-1 {float:left; margin-top:30px; padding-left:10px;}
#ft-2 {float:left; margin-top:30px; margin-left:50px; width:165px;}
#ft-3 {float:left; margin-top:30px; margin-left:50px;}
#ft-4 {float:left; margin-top:30px; margin-left:50px;}
#ft-5 {float:right; margin-top:30px; margin-left:50px; display:none;}
#foot-bottom {
	width:100%;
	margin:0px auto 0px auto;
	height:100px;}
#fb-1 {float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-left:10px;}
#fb-2 {float:left; margin-top:25px; margin-left:30px;}

/* main menu styles */
.menu {
margin-top:10px;
float:right;
}
.menu > span {
    display:inline-block;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
}
#nav > li {
margin-bottom:10px;
clear:both;
    float:left;
    padding:0;
    position:relative;
}
#nav > li > a {
margin-left:10px;
padding-top:10px;
text-align:center;
height:25px;
background:#1268b3;
    color:#5695d8;
    display:block;
    font-size:14px;
	width:175px;
    position:relative;
    text-decoration:none;
}
#nav > li > a:hover {
color:#fff;
background-color:#f49e34;
}
#nav > li.selected  > a {
    z-index:2;
}
#nav li div {
    position:relative;
}
#nav li div div {
background: url("../images/bg-dropdown_05.png") repeat scroll 0 0 transparent;
   -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);
    padding:10px 0;
    display:none;
    font-size:12px;
    margin:0 0 0 10px;
    position:absolute;
    top:-1px;
    z-index:9999;
    width:545px;
}
#nav li div div .huruf{
font-weight:normal;
color:#58595b;
padding:0px 10px 0 10px;
text-align:left;
width:100%;
}
#nav li div div.wrp1 {
margin-left:-360px;
    width:545px;
}
#nav li div div.wrp2 {
margin-left:-360px;
    width:545px;
}
#nav li div div.wrp3 {
margin-left:-360px;
    width:545px;
}
#nav .sep {
    left:190px;
    border-left:1px solid #E3E3E3;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:100%;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
text-decoration:underline;
    color:#1268b3;
    font-weight:bold;
    margin:0 0 4px;
    font-size:14px;
    padding-bottom:3px;
    padding-top:3px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#58595B;
    display:block;
    margin-bottom:1px;
    padding:3px 3px 0 3px;
    text-decoration:none;
    font-size:12px;
}
#nav li ul ul li a:hover{
text-decoration:underline;
}


.db1 {float:left; margin-top:10px; line-height:10px; }
.db2 {float:left; margin-top:10px; line-height:10px; margin-left:25px; width:165px;}
.db3 {float:left; margin-top:25px; margin-left:25px;}
.db4 {float:left; margin-top:25px; margin-left:25px;}

.mr-kiri {
	width:95%;
	float:left;}
.mr-kiri h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#103e6e;
	margin-bottom:10px;}
.mr-kanan {
clear:both;
	width:70%;
	margin-left:10px;
	margin-top:26px;}
.mr-kanan h2 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	margin-bottom:10px;}
	
/*.........................AWAL PAGING...............................*/
div.paging {
	padding     : 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;}
div.paging a {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging a:hover {
	border           : 1px solid #c5c5c5;
	color            : #fff;
	background-color : #686868;}
div.paging span.current {
color:#f2f2f2;
	background:#6f6f6f; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.disabled {
background:#ebebeb; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.prevnext {
	padding      : 2px 10px 2px 10px;}
/*.........................AKHIR PAGING...............................*/

#wrap-calc {
	width:500px;
	height:400px;
	position:relative;
	background:url(../images/bg-calculator.jpg);}
.calc {
	width:330px;
	position:absolute;
	margin-left:152px;
	margin-top:76px;}
.hasil {
    margin-left: 149px;
    margin-top: 85px;
    position: absolute;
    width: 345px;}
.calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:70px;}
.hasil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:80px;}
.calc table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58595b;}
.hasil table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#58595b;}	
.calc fieldset, .calc input, .calc button {
	border:none;}
.calc input {color: #333; font-size:10px; width: 122px; height: 26px; background:url(../images/form-login_03_01.jpg) no-repeat; padding-left: 5px;}
.calc button { width: 103px; height: 34px; cursor: pointer; text-indent: -9999px; background:url(../images/tombol-send_03.jpg) no-repeat; margin-left:198px; margin-top:10px;}
.social { list-style:none;}
.social li { float:left; margin-right:8px;}
.black{color:#333333;}
.prl5{position:relative; left:5px;}
.abu{color:#d1d3d4;}
.f14{font-size:14px;}
.prt-5{position:relative; top:-5px;}
.fr{float:right;}
.ml20{margin-left:20px;}
}

@media only screen and (min-width:320px) and (max-width:479px) {
.login{
	width:95%;
	height:50%;
	border-radius:10Px;
	margin-top:75%;
	padding:10px;
	display:none;
	border: #d5d5d5 2px solid;
}
.login h2{
	color:#abe1fa;
	margin-top:10px;
	font-size:13pt;
	display:none;	
}
.login input[type=text]{
	width:70%;
	margin:10% auto 0;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	display:none;
	border:#1268b3 1px solid;
}
.login input[type=password]{
	width:70%;
	display:none;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	padding:0 5px;
	border-radius:5px;
	font-size:14px;
	border:#f49e34 1px solid;
}
.login input[type=submit]{
	width:75%;
	display:none;
	margin:5% auto;
	margin-left:12%;
	height:25px;
	color:#FFF;
	padding:0 5px;
	border-radius:5px;
	background-color:#1268b3;
	font-size:14px;
	border:#1268b3 1px solid;
}
.fl{float:left;}
.footku{display:none;}
.menu-media{float:right; position:relative; top:-30px; right:-170%;}
.menu-media select{

width:150px;
color:#fff;
float:right;
cursor:pointer;
overflow:hidden;
appearance: none;
height:25px;
-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
border:none;	
padding-top:3px;
background:url(../images/nav.png) no-repeat right top;
font-size:12px;
}
.menu-media select option{ border:none; padding-left:5px; padding-bottom:5px; padding-top:5px; background:#6d7b86;}
.selected{ border:none;}
.fl{float:left;}
#portfolio{display:none;}
.logodepan{display:none;}
.logodepanr{ margin-top:-25px;}
.menumu{display:none;}
@charset "utf-8";
* { margin:0px; padding:0px;}
body { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.white{background:fff;}
p {
line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
#mid-left-home p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;}
a {
	text-decoration:none;
	outline:none;}
h1 { margin-top:0px; margin-bottom:10px;}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#abe1fa;}
img {border: 0; }
hr {color:#d7d7d9; margin-bottom:10px;}
.light{-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.25);}
.list {
	margin-top:10px;
	margin-bottom:10px;
	list-style:disc;
	margin-left:40px;}
.list li, .list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-bottom:5px;}
.list li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f5a747;
	margin-bottom:5px;}
.clr {clear:both;}
.arial-12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
.arial-13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6c6c6d;}
.arial-20-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#58595b;}
.arial-20-blue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;}
.arial-13-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#103e6e;
	font-weight:bold;}
.arial-16-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#58595b;}
.arial-14-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#abe1fa;}
.arial-20-dark-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-bottom:10px;}
.link-arial-10-orange {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f5a747;}
.link-arial-14-white {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;}
.link-arial-14-white:hover {
	text-decoration:underline;}
.link-arial-13-blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#abe1fa;
	font-weight:bold;}
.link-arial-13-blue:hover {
	text-decoration:underline;}

.image1 {margin-right: 30px; margin-top: 4px;}
.sub-menu {margin-top:10px; margin-left:10px;}
	
ul.bullet{
	list-style:url(../images/bullet.jpg);}
ul.bullet a {
position:relative;
top:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1268b3;
	font-weight:bold;
	}
ul.bullet a:hover {
	color:#969697;}
	
ul.bullet li {
font-size:12px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:26px;}
	
ul.fot-bullet{
	list-style:none;}
ul.fot-bullet a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d1d3d4;}
ul.fot-bullet a:hover {
	text-decoration:underline;
	color:#d1d3d4;}
ul.fot-bullet li {
	margin-bottom:10px;
	margin-top:10px;}
	
.left-box {
	width:271px;
	margin-top:16px;}
.left-box-content {
    height: 40px;
    margin-left: 6px;
    margin-top: -40px;
    position: absolute;
    width: 266px;
    z-index: 10;}
.mr-mid {margin-bottom:20px;}
.mr-right {
	float:left;
	width:100%;}
.mr-left {float:left;}
.mr-right1 {float:left;}
.mr-left-clear {float:left; width:520px;}
.mr-right1-clear {float:left; width:140px;}
.img-slider {
	float:left;
	width:20%;
	height:171px;
	margin-left:34px;}
.txt-slider {
    color: #D1D3D4;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin-left: 10px;
    margin-top: -56px;
    position: absolute;
    z-index: 1000;}
.thumb-home { float:left; margin-bottom:10px;}
.thumb-txt-home { float:left; margin-left:5px; width:190px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#d1d3d4;}
.thumb-txt-home a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt-home a:hover  {
	text-decoration:underline;}
.thumb-txt { float:left; margin-left:5px; width:154px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6C6C6D;}
.thumb-txt a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#f6c486;}
.thumb-txt a:hover  {
	text-decoration:underline;}
#tagline h1 {
display:none;
font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#1268b3;
	margin-top:20px;}
#u-tagline h3 {
display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:20px;}
#u-tagline h4 {
display:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#155085;
	margin-top:5px;
	margin-bottom:5px;}
.home{

width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#wrapper-home {
	width: 100%;
	margin:0px auto 0px auto;
	}
#wrapper {
	width: 100%;
	margin:0px auto 0px auto;
	background-color:#fff;}
#top-home {
	width:100%;
	height:350px;
	margin:0px auto 0px auto;}
#top-protection {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner5-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-accumulation {
	background:url(../images/bg-accumulation_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-news {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner3-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-approach {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner6-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }	
#top-distribution {
	background:url(../images/bgdistribution_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-philosophy {
	background:url(../images/bg-philosophy_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-partner {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner1-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-about {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner2-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-career {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner4-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }
	
#top-contact {
width: 100%;
	margin:0px auto 0px auto;
background:url(../images/banner7-r.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
#top-campus {
	background:url(../images/bg-campus_02.jpg);
	width:959px;
	height:346px;
	margin:0px auto 0px auto;}
#top-left {
margin-left:10px;
	width:35%;
	height:76px;
	margin-top:30px;
	float:left;}
#top-right {
display:none;
	width:60%;
	height:250px;
	margin-top:30px;
	float:left;
	margin-left:10px;}
#menu-atas {margin-left:20px; text-align:right;}
#menu-atas a, #menu-atas h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;}
#menu-atas a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1268b3;
	text-decoration:underline;}
#breadcrumb {
	width:100%;
	height:51px;
	margin:0px auto 0px 10px;
	padding-top:34px;}
#slider {
display:none;
	width: 100%;
	height:197px;
	margin-top:10px;}
#mid-home {
padding-top:20px;
	width:100%;
	margin:30px auto 0px auto;}
#mid-left-home {
display:none;
padding-right:10px;
margin-left:10px;
	width:90%;
	float:left;}
#mid-right-home {
	margin-left:10px;
	width:25%;
	float:left;}
	#mid-right-home img{ display:none; width:100%;}
	
#mid {
	width:100%;
	margin:0px auto 0px auto;}
#mid-left {
margin-left:10px;
	width:95%;
	float:left;
	margin-bottom:20px;}
#mid-right {
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 100%;}
#footer {
	margin:-30px auto 0px auto;
	 /* fallback */ background-color: #1a82f7; background-image: url(images/linear_bg_1.png); background-repeat: repeat-y; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#1a82f7), to(#2F2727)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #2F2727, #1a82f7); /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #2F2727, #1a82f7); /* IE 10 */ background: -ms-linear-gradient(left, #2F2727, #1a82f7); /* Opera 11.10+ */ background: -o-linear-gradient(left, #2F2727, #1a82f7);}
#foot-top {
text-align:center;
padding-top:15px;
font-size:12px;
	width:100%;
	margin:0px auto 0px auto;
	height:30px;}
.bg-mobile{ margin-top:-20px; }
	.bg-mobile .boxku{ background:url(../images/arrow.png) no-repeat top 20px right 10px #194572; 
 padding-bottom:25px; padding-top:10px; border-bottom:#7F7F7F 1px solid;}
		.bg-mobile .boxku:hover{
		color:#000;
		background:url(../images/arrow.png) no-repeat top 20px right 10px #999999; 
		 -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	.bg-mobile span{ font-weight:bold; font-size:14px; position:relative; left:20px; top:8px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
	.bg-mobile a:hover{text-decoration:none; }
	.bg-mobile a{text-decoration:none;}		
#ft-1 {float:left; margin-top:30px; padding-left:10px;}
#ft-2 {float:left; margin-top:30px; margin-left:50px; width:165px;}
#ft-3 {float:left; margin-top:30px; margin-left:50px;}
#ft-4 {float:left; margin-top:30px; margin-left:50px;}
#ft-5 {float:right; margin-top:30px; margin-left:50px; display:none;}
#foot-bottom {
	width:100%;
	margin:0px auto 0px auto;
	height:100px;}
#fb-1 {float:left; margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; padding-left:10px;}
#fb-2 {float:left; margin-top:25px; margin-left:30px;}

/* ------------------------------ Navigation  ------------------------------ */
#nav {
float:right;
	margin-top:20px;
	z-index: 250;}
#nav ul {
	list-style: none; 
	margin: 0px;
	padding: 0px; 
	z-index: 0; }
#nav li {
clear:both;
	padding: 0; 
	margin-left:20px; 
	height:38px; }
#nav li a {
	display: block; 
	overflow: hidden;
	height: 30px; 
	width:170px; 
	z-index: 250;}
#nav li a:hover, #nav li.on a { background-position: 0px 30px;}
#nav_wealth a {background: transparent url(../images/menu_03.png) 0px 62px;  }
#nav_our a { background: transparent url(../images/menu_05.png) 0px 62px; }
#nav_about a { background: transparent url(../images/menu_07.png) 0px 62px; }
#nav_wealth div.dropdown_internal a,#nav_our div.dropdown_internal a,#nav_about div.dropdown_internal a{ 
	background-image:none;
	text-indent: 0;
	display: inline;
	overflow: visible;}
#nav_wealth_drop a, #nav_our_drop a, #nav_about_drop a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1e5fa3;
	font-weight:bold;}
#nav_wealth_drop a:hover, #nav_our_drop a:hover, #nav_about_drop a:hover {text-decoration:underline;}
div.dropdown {
}
div.dropdown1 {
}
div.dropdown2 {

}
#nav_wealth_drop ul.dropdown_subnav { position: relative;list-style: none; margin-top:10px; padding: 0; z-index: 10; }

#nav_wealth_drop ul.dropdown_subnav li { position: relative;float: none; padding: 0;margin: 0; height:auto !important; margin-bottom:8px;}

#nav_wealth_drop ul.dropdown_subnav a li{ text-decoration:none; color:#58595B; font-size:12px; font-weight:normal;}
.db1 {float:left; margin-top:10px; line-height:10px; }
.db2 {float:left; margin-top:10px; line-height:10px; margin-left:25px; width:165px;}
.db3 {float:left; margin-top:25px; margin-left:25px;}
.db4 {float:left; margin-top:25px; margin-left:25px;}

.mr-kiri {
	width:100%;
	float:left;}
.mr-kiri h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#103e6e;
	margin-bottom:10px;}
.mr-kanan {
clear:both;
	width:60%;
	margin-left:10px;
	margin-top:26px;}
.mr-kanan h2 {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333333;
	margin-bottom:10px;}
	
/*.........................AWAL PAGING...............................*/
div.paging {

	padding     : 2px 2px 20px 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;}
div.paging a {
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(235,235,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */

padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging a:hover {
	border           : 1px solid #c5c5c5;
	color            : #fff;
	background-color : #686868;}
div.paging span.current {
color:#f2f2f2;
	background:#6f6f6f; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.disabled {
background:#ebebeb; /* Old browsers */


padding          : 3px 7px 3px 7px;
border: 1px solid #bbbbbb;

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
div.paging span.prevnext {
	padding      : 2px 10px 2px 10px;}
/*.........................AKHIR PAGING...............................*/

#wrap-calc {
	width:500px;
	height:400px;
	position:relative;
	background:url(../images/bg-calculator.jpg);}
.calc {
	width:330px;
	position:absolute;
	margin-left:152px;
	margin-top:76px;}
.hasil {
    margin-left: 149px;
    margin-top: 85px;
    position: absolute;
    width: 345px;}
.calc h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:70px;}
.hasil h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#103e6e;
	margin-left:80px;}
.calc table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#58595b;}
.hasil table {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#58595b;}	
.calc fieldset, .calc input, .calc button {
	border:none;}
.calc input {color: #333; font-size:10px; width: 122px; height: 26px; background:url(../images/form-login_03_01.jpg) no-repeat; padding-left: 5px;}
.calc button { width: 103px; height: 34px; cursor: pointer; text-indent: -9999px; background:url(../images/tombol-send_03.jpg) no-repeat; margin-left:198px; margin-top:10px;}
.social { list-style:none;}
.social li { float:left; margin-right:8px;}
.black{color:#333333;}
.prl5{position:relative; left:5px;}
.abu{color:#d1d3d4;}
.f14{font-size:14px;}
.prt-5{position:relative; top:-5px;}
.fr{float:right;}
.ml20{margin-left:20px;}
}
.sidebar{
	height:auto;
	width:30%;
	background-color:#999;
}