/*COLOR*/
	/*
	RED #941205
	GREY LIGHT #d3d3d3
	GREY DARK #787878
	BLACK LIGHT #444444
	*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

.tahoma{font-family: 'Roboto';}
.tahomab{font-family: 'Roboto'; font-weight:bold;}

/*GENERAL*/
body{
	background:#FFF url(images/background/main.jpg) repeat-x top center;
	margin:0 auto;
	padding:0;
	font-family: Roboto;
	}
a {text-decoration:none; border:none; outline:0;}
img{border:none; outline:0;}
.cursor{cursor:pointer;}
textarea {
    resize: none;
}
ul li{
	padding:0;
	}
p{}
#clear{
	clear:both;
	height:0;
	}
.line-dot{background:url(images/line.png) repeat-x top center; width:100%; height:4px;}
.line-dot-content{background:url(images/line.png) repeat-x center; width:100%; height:1px; padding:8px 0 16px 0;}
.line-dot-isi{background:url(images/line.png) repeat-x bottom center; width:100%; height:10px; margin-bottom:8px;}

/*SPACE*/
.pad1{
	padding:0 10px;
	}
.space-1{margin-bottom:10px;}
.space-2{margin-top:20px;}
.space-4{margin-top:40px;}

/*LINK*/
.lang a{font-size:11px; color:#FFF;}
	.lang a:hover{font-size:11px; color:#d3d3d3;}
	.langa a{font-size:11px; color:#d3d3d3; font-weight:bold;}
.link-black10 a{font-size:10px; color:#444444;}
	.link-black10 a:hover{font-size:10px; color:#941205;}
.link-black11 a{font-size:11px; color:#444444;}
	.link-black11 a:hover{font-size:11px; color:#941205;}
.link-black12 a{font-size:12px; color:#444444;}
	.link-black12 a:hover{font-size:12px; color:#941205;}
.link-view-all a{font-size:11px; color:#444444; background:url(images/icon/plus2.jpg) no-repeat bottom right; padding:0 25px 0 15px;}
.link-read-more a{font-size:11px; color:#941205; padding:5px 0;}
.link-breadcrum a{font-size:12px; color:#444444; float:left; padding:15px 0 0 10px;}
	.link-breadcrum a:hover{font-size:12px; color:#941205; float:left; padding:15px 0 0 10px;}
	.link-breadcruma a{font-size:12px; color:#941205; float:left; padding:15px 0 0 10px;}
.link-page a{font-size:11px; color:#444444;}
	.link-page a:hover{font-size:11px; color:#941205;}
	.link-pagea a{font-size:11px; color:#941205;}
.link-mail a{font-size:11px; color:#941205;}
.link-stock a{font-size:12px; color:#444444;}
	.link-stock a:hover{font-size:12px; color:#941205;}


/*FONT*/
.title{font-size:17px; color:#444444;}
	.title2{font-size:17px; color:#444444; float:left;}
.subtitle{font-size:16px; color:#444444;}
	.subtitle2{font-size:15px; color:#444444;}
.arial10{font-size:10px; color:#444444;}
.arial11{font-size:11px; color:#444444; line-height:18px;}
	.arial11b{font-size:11px; color:#444444; font-weight:bold; line-height:18px;}
.arial12{font-size:12px; color:#444444; text-align:justify; line-height:18px;}
	.arial12b{font-size:13px; color:#444444; font-weight:bold; line-height:16px; padding-bottom:5px;}

/*TEXTFIELD*/
.boxsearch{
	width: 168px;
	height: 15px;
	border: none;
	background:none;
	color: #787878;
	font-size:10px;
	padding:2px 0 0 12px;	
	border:none;
	outline:none;
}
#fieldsearch{
	float:right;
	width:171px;
	height:20px;
	background:url(images/header/txt-search.png) no-repeat top left;
}

.boxenews{
	width: 316px;
	height: 15px;
	border: none;
	background:none;
	color: #444444;
	font-size:10px;
	padding:2px 0 0 4px;	
	border:none;
	outline:none;
}
#fieldenews{
	width:324px;
	height:20px;
	background:url(images/form/txt-field.jpg) no-repeat top left;
}

.boxcontact{
	width: 316px;
	height: 15px;
	border: none;
	background:none;
	color: #444444;
	font-size:10px;
	padding:2px 0 0 4px;	
	border:none;
	outline:none;
}
#fieldcontact{
	width:324px;
	height:20px;
	background:url(images/form/txt-field.jpg) no-repeat top left;
}
.boxcontactm{
	width: 160px;
	height: 15px;
	border: none;
	background:none;
	color: #444444;
	font-size:10px;
	padding:2px 0 0 4px;	
	border:none;
	outline:none;
}
#fieldcontactm{
	width:178px;
	height:20px;
	background:url(images/form/txt-fieldm.jpg) no-repeat top left;
}
.boxcontacts{
	width: 60px;
	height: 15px;
	border: none;
	background:none;
	color: #444444;
	font-size:10px;
	padding:2px 0 0 4px;	
	border:none;
	outline:none;
}
#fieldcontacts{
	width:76px;
	height:20px;
	background:url(images/form/txt-fields.jpg) no-repeat top left;
}

.boxarea{
	width: 310px;
	height: 60px;
	background:none;
	border: none;
	color: #444444;
	font-size:12px;
	padding:5px 0 0 5px;
}
#fieldarea{
	width:324px;
	height:81px;
	background:url(images/form/txt-area.jpg) no-repeat;
}

/*HEADER*/
#header{
	width:962px; margin:0 auto;
	}
	.header-l{
		float:left;
		}
	.header-r{
		float:right; width:348px;
		}
		.lang-bg{
			background:url(images/background/language.jpg) repeat-x top center;
			width:88px;
			height:25px;
			text-align:center;		
			font-size:11px;
			color:#FFF;
			padding-top:5px;
			float:right;
			}			
		.search{
			float:right;
			font-size:11px;
			color:#666666;
			margin-top:12px;
			width:250px;
			}
			.btn-search{float:right;}
	.menu{}
        .menu1 {
            float:left;
            width: 124px;
            height: 37px;
            background: url(images/header/main-menu.jpg) 0px 0px;
            text-indent: -99999px;
            cursor:pointer;
            }
            .menu1:hover {
                background-position: 0px -37px;
            }
            .menu1a {
            float:left;
            width: 124px;
            height: 37px;
            background: url(images/header/main-menu.jpg) 0px -37px;
            text-indent: -99999px;
            cursor:pointer;
            }
        .menu2 {
            float:left;
            width: 197px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -124px 0px;
            text-indent: -99999px;
            cursor:pointer;
            }
            .menu2:hover {
                background-position: -124px -37px;
            }
            .menu2a {
            float:left;
            width: 197px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -124px -37px;
            text-indent: -99999px;
            cursor:pointer;
            }
        .menu3 {
            float:left;
            width: 218px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -321px 0px;
            text-indent: -99999px;
            cursor:pointer;
            }
            .menu3:hover {
                background-position: -321px -37px;
            }
            .menu3a {
            float:left;
            width: 218px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -321px -37px;
            text-indent: -99999px;
            cursor:pointer;
            }
        .menu4 {
            float:left;
            width: 160px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -539px 0px;
            text-indent: -99999px;
            cursor:pointer;
            }
            .menu4:hover {
                background-position: -539px -37px;
            }
            .menu4a {
            float:left;
            width: 160px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -539px -37px;
            text-indent: -99999px;
            cursor:pointer;
            }
        .menu5 {
            float:left;
            width: 148px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -699px 0px;
            text-indent: -99999px;
            cursor:pointer;
            }
            .menu5:hover {
                background-position: -699px -37px;
            }
            .menu5a {
            float:left;
            width: 148px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -699px -37px;
            text-indent: -99999px;
            cursor:pointer;
            }
        .menu6 {
            float:left;
            width: 115px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -847px 0px;
            text-indent: -99999px;
            cursor:pointer;
            }
            .menu6:hover {
                background-position: -847px -37px;
            }
            .menu6a {
            float:left;
            width: 115px;
            height: 37px;
            background: url(images/header/main-menu.jpg) -847px -37px;
            text-indent: -99999px;
            cursor:pointer;
            }

/*BODY*/
#body{
	width:962px; margin:0 auto;
	}
	
	/*ddmmyy*/
	.date{font-size:24px; color:#FFF;}
	.month{font-size:12px; color:#FFF;}
	.year-row{float:left; width:620px;}
	.year a{font-size:18px; color:#444444; padding:0 12px; float:left; height:33px; margin:0 6px;}
		.year a:hover{font-size:18px; color:#FFF; background:url(images/background/year.jpg) repeat-x top center; padding:0 12px; float:left;  height:33px; margin:0 6px;}
		.yearp{padding-top:5px;}
	.month-year a{font-size:18px; color:#444444; padding:0 30px; float:left; height:33px; margin:0 30px;}
		.month-year a:hover{font-size:18px; color:#FFF; background:url(images/background/year.jpg) repeat-x top center; padding:0 30px; float:left;  height:33px; margin:0 30px;}
	
	
	/*breadcrum*/
	.breadcrum{padding-top:12px; float:left; width:500px;}
		.breadcrum-home {float:left; cursor:pointer; background:url(images/header/btn-home.png) no-repeat top center; width:26px; height:45px; display:block;}
		.breadcrum-arrow {float:left; background:url(images/header/breadcrum-arrow.png) no-repeat top center; width:23px; height:45px; display:block; }
	
	
	/*share*/
	.share{float:right; width:56px; margin-top:35px;}
	
	/*menu*/
	.menu-content{float:left; width:264px; background:url(images/background/menu-base.jpg) repeat-y top center; padding-bottom:10px;}
		.link-menu-content a{
			background:url(images/background/menu-content.jpg) no-repeat top left; 
			width:264px;
			height:40px; 
			display:block;
			font-size:12px;
			color:#444444;
			padding-left:30px;
			letter-spacing:-0.5px;
			}
		.link-menu-content a:hover{
			background:url(images/background/menu-content-hover.jpg) no-repeat top left; 
			width:264px; 
			height:40px; 
			display:block;
			font-size:12px;
			color:#FFF;
			padding-left:30px;
			letter-spacing:-0.5px;
			}
		.link-menu-contenta a{
			background:url(images/background/menu-content-hover.jpg) no-repeat top left; 
			width:264px; 
			height:40px; 
			display:block;
			font-size:12px;
			color:#FFF;
			padding-left:30px;
			letter-spacing:-0.5px;
			}
			.lmc{padding-top:12px;}
		.menu-line{height:1px; width:264px; color:#FFF; background-color:#FFF; display:block;}
		.menu-list a{color:#444444; font-size:12px; background:url(images/background/menu-list.png) no-repeat left; display:block; padding-left:10px; margin:0px 0 5px 32px;}
			.menu-list a:hover{color:#941205; font-size:12px; background:url(images/background/menu-list-hover.png) no-repeat left; display:block; padding-left:10px; margin:0px 0 5px 32px;}
			.menu-lista a{color:#941205; font-size:12px; background:url(images/background/menu-list-hover.png) no-repeat left; display:block; padding-left:10px; margin:0px 0 5px 32px;}
		
		.menu-list2 a{color:#444444; font-size:12px; display:block; margin:0px 0 5px 52px;}
			.menu-list2 a:hover{color:#941205; font-size:12px; display:block; margin:0px 0 5px 52px;}
			.menu-list2a a{color:#941205; font-size:12px; display:block; margin:0px 0 5px 52px;}
	
/*HOME*/
.home-menu {padding-top:10px;}
    .menuh1 {
        float:left;
        width: 217px;
        height: 110px;
        background: url(images/home/menu-logo.jpg) 0px 0px;
        text-indent: -99999px;
        cursor:pointer;
        }
        .menuh1:hover {
            background-position: 0px -110px;
        }
    .menuh2 {
        float:left;
        width: 214px;
        height: 110px;
        background: url(images/home/menu-logo.jpg) -217px 0px;
        text-indent: -99999px;
        cursor:pointer;
        }
        .menuh2:hover {
            background-position: -217px -110px;
        }
    .menuh3 {
        float:left;
        width: 161px;
        height: 110px;
        background: url(images/home/menu-logo.jpg) -431px 0px;
        text-indent: -99999px;
        cursor:pointer;
        }
        .menuh3:hover {
            background-position: -431px -110px;
        }
    .menuh4 {
        float:left;
        width: 183px;
        height: 110px;
        background: url(images/home/menu-logo.jpg) -592px 0px;
        text-indent: -99999px;
        cursor:pointer;
        }
        .menuh4:hover {
            background-position: -592px -110px;
        }
    .menuh5 {
        float:left;
        width: 187px;
        height: 110px;
        background: url(images/home/menu-logo.jpg) -775px 0px;
        text-indent: -99999px;
        cursor:pointer;
        }
        .menuh5:hover {
            background-position: -775px -110px;
        }
.home-content{padding-top:32px;}
	.home-content1{
		float:left;
		width:262px;
		}
	.home-content2{
		float:left;
		width:260px;
		margin-left:38px;
		}
		.iiu-1{float:left; width:32px; margin:4px 0 0 0;}
		.iiu-2{float:left; width:220px; margin:4px 0 0 4px;}
	.home-content3{
		float:right;
		width:382px;
		}
		.cnu-1{float:left; width:45px; margin:26px 0 0 0; background:url(images/background/date.jpg) repeat-x center; text-align:center; height:49px; padding-top:2px;}			
		.cnu-2{float:left; width:318px; margin:26px 0 0 18px;}

/*CONTENT*/
.content-text{float:left; width:662px; margin-left:36px;}
	.content-list{padding:0; margin:0 0 0 14px; line-height:18px;}
.content-sitemap{width:960px;}	
	
	/*portfolio-geographical*/
	.map{width:662px; height:258px; background:url(images/background/map.png) no-repeat top center;}
	.map-jakarta{width:662px; height:570px; background:url(images/background/map-jakarta.png) no-repeat top center;}
		.map-pin{position:absolute; z-index:10; background:url(images/icon/pin.png) no-repeat top center; width:25px; height:33px; margin:150px 0 0 155px;}
		.map-pin-jakarta{position:absolute; z-index:10; background:url(images/icon/pin-jakarta.png) no-repeat top center; width:25px; height:33px; margin:150px 0 0 155px;}
	
	/*corporate-milestones*/
	.corporate-milestone{width:155px; margin:20px 0 0 8px; float:left;}
		.corporate-month{font-size:14px; padding-bottom:5px;}
		.corporate-year{margin-left:10px;}
		.corporate-top{background:url(images/background/history-top.png) no-repeat bottom center; width:155px; height:9px;}
		.corporate-content{background:#eeeeee url(images/background/history-bottom.jpg) no-repeat bottom center; width:155px; margin-bottom:10px;}
		.corporate-content2{background:#eeeeee url(images/background/history-bottom2.jpg) no-repeat bottom center; width:155px; margin-bottom:10px;}
		.corporate-content3{background:#eeeeee url(images/background/history-bottom3.jpg) no-repeat bottom center; width:155px; margin-bottom:10px;}
			.corporate-text{font-size:12px; color:#444444; padding:16px 16px;}
	
	/*leadership*/
	.leadership-team-content{float:left; width:662px; margin-top:46px;}
		.leadership-img{width:156px; height:154px;}
		.leadership-text{font-size:12px; color:#444444; text-align:center; padding-top:10px;}
		.lt-1{float:left; width:156px; min-height:230px;}
		.lt-2{float:left; width:156px; margin-left:18px;}
		.lt-3{float:left; width:156px; margin-left:18px;}
		.lt-4{float:right; width:156px;}
	
	/*awards*/
	.awards1{width:212px; float:left; padding-right:14px;}
	.awards2{width:212px; float:right;}
		.awards-img{background:#eeeeee; text-align:center; width:212px; height:152px;}
			.ai1{margin-top:3px;}
			.ai2{margin-top:16px;}
		.awards-year{font-size:14px; color:#444444; padding-top:8px;}
		.awards-title{font-size:11px; color:#444444; font-weight:bold;}
		.awards-text{font-size:11px; color:#444444;}
	.awards1:nth-child(5n+3){padding-right:0px;} /* untuk desktop */
	
	/*business-overview*/
	.img-title{font-size:11px; color:#444444; font-style:italic; padding-top:3px;}
	.business-logo{float:left; width:120px; padding-top:5px;}
	.business-text{float:right; width:516px; font-size:12px; color:#444444; line-height:18px;}

	/*investor center & governance*/
	table td{border: 1px solid #d8d8d8; border-collapse: collapse;}
		.table1{background-color:#222222; font-size:12px; color:#FFF; font-weight:bold; height:30px; text-align:center;}
		.table2{background-color:#f4f4f4; font-size:12px; color:#444444; height:26px;}
		.table3{background-color:#fcfcfc; font-size:12px; color:#444444; height:26px;}
		.table4{background-color:#f4f4f4; font-size:12px; color:#444444; font-weight:bold;}
	.padding1{padding-left:5px; text-align:left;}
	.padding2{padding-right:5px; text-align:right;}
	.investor-note{font-size:11px; color:#444444; float:right; margin-top:5px;}
	.investor-year{font-size:11px; color:#444444; float:left; padding:6px 0;}
	.investor-page{float:right; font-size:11px; color:#444444; padding:6px 0 0 0;}
	
	.analyst-contacts1{float:left; width:400px; line-height:16px;}
	.analyst-contacts2{float:left; width:262px; line-height:16px;}
	
	.sign-up-enews1{float:left; width:160px; margin-top:10px; font-size:12px; color:#444444;}
	.sign-up-enews2{float:left; width:12px; text-align:left; margin-top:10px; font-size:12px; color:#444444;}
	.sign-up-enews3{float:left; width:324px; margin-top:10px;}
	.sign-up-enews4{width:500px; margin:10px 0; font-size:12px; color:#444444;}
	
	
	/*news & press*/
	.news{margin-top:10px;}
		.ne-list{background:url(images/icon/arrow-right.png) no-repeat top left; width:32px; height:28px; float:left; margin-top:8px;}
		.ne-content{float:left; width:600px;}
			.ne-title{font-size:18px; color:#941205;}
			.ne-title a{font-size:13px; color:#941205; font-weight:bold;}
				.ne-title a:hover{font-size:13px; color:#444444; font-weight:bold;}
			.ne-date{font-size:11px; color:#444444;}
			.ne-date a{font-size:11px; color:#444444;}
	
	.img-gallery{width:200px; height:125px; padding:0 16px 18px 0;}
	
	/*contact us*/
	.contact1{float:left; width:160px; margin-top:10px; font-size:12px; color:#444444;}
	.contact2{float:left; width:12px; text-align:left; margin-top:10px; font-size:12px; color:#444444;}
	.contact3{float:left; width:324px; margin-top:10px;}
	.contact4{width:200px; margin:10px 0 0 10px; font-size:12px; color:#444444; font-weight:bold; float:left}
	
	
	/*sitemap*/
	.cs1{float:left; width:300px; line-height:20px;}
	.cs2{float:left; width:300px; margin-left:30px; line-height:20px;}
	.cs3{float:right; width:300px; line-height:20px;}
		.cs-title{font-size:16px; color:#941205; padding-left:10px;}
		.cs-link a{font-size:13px; color:#444444; background:url(images/background/menu-list.png) no-repeat left; padding-left:10px; line-height:28px}
			.cs-link a:hover{font-size:13px; color:#941205; background:url(images/background/menu-list-hover.png) no-repeat left; padding-left:10px;}
		.cs-sublink a{font-size:12px; color:#787878; padding-left:10px;}
			.cs-sublink a:hover{font-size:12px; color:#444444; padding-left:10px;}
	    .cs-subsublink a{font-size:10px; color:#787878; padding-left:20px;}
			.cs-subsublink a:hover{font-size:10px; color:#444444; padding-left:20px;}
	
/*FOOTER*/
#footer{width:962px; margin:0 auto; margin-top:20px;}
	.footer-1{
		float:left;
		width:330px;
		margin-top:20px;
		color:#444444;
		font-size:12px;
		letter-spacing:0.8px;
		}
	.footer-2{
		float:right;
		width:290px;
		margin-top:32px;	
		color:#444444;
		font-size:12px;
		}
		.link-sign-news a{
			font-size:13px;
			color:#444444;
			background:url(images/footer/go.jpg) no-repeat top right;
			padding:5px 40px 10px 0;
			float:left;
			}
			.link-sign-news a:hover{
				font-size:13px;
				color:#444444;
				background:url(images/footer/go-hover.jpg) no-repeat top right;
				padding:5px 40px 10px 0;
				float:left;
				}
		.link-rss a{
			font-size:13px;
			color:#444444;
			background:url(images/footer/rss.jpg) no-repeat top right;
			padding:5px 40px 10px 6px;
			float:left;
			}
			
/*STYLE TAMBAHAN*/
.menu-mobile{display:none;}
.map-mobile{display:none;}
.corporate-mobile{display:none;}
.arial12b a{font-size:13px; color:#444444; font-weight:bold; line-height:16px; padding-bottom:5px;}
	.arial12b a:hover{font-size:13px; color:#941205; font-weight:bold; line-height:16px; padding-bottom:5px;}	
	

/*08Mar2016*/	
.sorting{display: block; position: relative; width: 100%; font-size: 12px; color: #444444; padding: 5px 0;}
	.sorting span{float: left; padding-right: 10px; font-weight: bold;}
	.sorting a{color: #444444;}
		ul.sorting{list-style: none;}
		.sorting li{float:left;  border-right: 1px solid #444444; float: left; padding: 0 10px; }
		.sorting li:nth-last-child(2){border: none;}
		.sorting a:hover{color:#941205;}
		.selected{color:#941205; font-weight: bold;}
  	.sorting-m{display:none;}

	
/*		Mobile Layout: 320px.
		Inherits styles from: Default Layout. mobile320*/
@media only screen and (min-width: 300px) and (max-width: 500px) {
	body{width:320px !important;}
	#body{width:320px; margin:0 auto; padding-top:28px;}
	
	/*TEXTFIELD*/
	.boxenews{
		width: 290px;
		height: 15px;
		border: none;
		background:none;
		color: #444444;
		font-size:10px;
		padding:2px 0 0 4px;	
		border:none;
		outline:none;
	}
	#fieldenews{
		width:300px;
		height:20px;
		background:url(images/form/txt-field.jpg) no-repeat top left;
		background-size:300px 20px;
	}
	
	.boxcontact{
		width: 290px;
		height: 15px;
		border: none;
		background:none;
		color: #444444;
		font-size:10px;
		padding:2px 0 0 4px;	
		border:none;
		outline:none;
	}
	#fieldcontact{
		width:300px;
		height:20px;
		background:url(images/form/txt-field.jpg) no-repeat top left;
		background-size:300px 20px;
	}
	
	.boxarea{
		width: 285px;
		height: 60px;
		background:none;
		border: none;
		color: #444444;
		font-size:12px;
		padding:5px 0 0 5px;
	}
	#fieldarea{
		width:300px;
		height:81px;
		background:url(images/form/txt-area.jpg) no-repeat;
		background-size:300px 81px;
	}
	
	/*HEADER*/
	#header{width:320px; margin:0 auto;}
		.header-l{float:none; width:150px; margin:0 auto;}
			.logo-lippo{width:150px; height:auto;}
		.header-r{width:300px; margin:0 auto; float:none; margin-top:-15px;}
			.lang-bg{position:absolute; margin-top:8px;}		
		.menu{display:none;}
		.menu-mobile{display:block; width:320px; margin:0 auto; position:absolute; z-index:999; margin-top:10px;}
			.mm-l{display:inline-block; margin-left:5px; font-weight:bold;}
			.mm-r{display:inline-block; margin:0 0 0 210px;}
	
	/*BODY*/
		/*ddmmyy*/
		.date{font-size:20px; color:#FFF;}
		.month{font-size:12px; color:#FFF;}
		.year-row{float:left; width:260px;}
		
		/*breadcrum*/
		.breadcrum{padding-top:20px; width:240px;}
			.link-breadcruma a{display:none;}
			.breadcrum-arrow:nth-child(4){display:none;}
		
		/*menu*/
		.menu-content{display:none;}
	
	/*HOME*/
	.box_skitter{}
	.home-menu {padding-top:40px; display:none;}
	.home-content1{float:none; width:300px; margin:0 auto; background:url(images/line.png) repeat-x bottom; padding-bottom:20px;}
	.home-content2{float:none; width:300px; margin:0 auto; margin-top:20px; background:url(images/line.png) repeat-x bottom; padding-bottom:20px;}
		.iiu-1{float:left; width:32px; margin:4px 0 0 0;}
		.iiu-2{float:left; width:260px; margin:4px 0 0 4px;}
	.home-content3{float:none; width:300px; margin:0 auto; margin-top:20px;}
		.cnu-1{width:35px; margin:26px 0 0 0; padding-top:2px;}			
		.cnu-2{width:260px; margin:26px 0 0 5px;}
	
	/*CONTENT*/
	.content-text{float:none; width:300px; margin:0 auto;}
	
		/*portfolio-geographical*/
		.map{display:none;}
		.map-mobile{display:block; width:300px;}
		.map-jakarta{display:none;}
		
		/*corporate milestone*/
		.corporate-mobile{display:block;}
			
		/*leadership*/
		.leadership-team-content{float:left; width:300px; margin-top:6px;}
			.leadership-img{width:150px; height:auto;}
			.lt-1, .lt-2, .lt-3, .lt-4{float:left; width:150px; margin-left:0px}
		
		/*awards*/
		.awards1{width:140px; float:left; display:block; min-height:230px; max-height:350px; padding:0; margin-bottom:20px; margin-left:5px;}
		.awards2{width:140px; float:left; display:block; min-height:240px; max-height:350px; margin-bottom:20px; margin-left:5px;}
			.awards-img{width:140px; height:115px;}
				.ai1{width:80px; height:auto;}
				.ai2{width:110px; height:auto;}
				
		.contentdiv #clear{display:none;} /* untuk mobile320 */
		.contentdiv .space-1{display:none;} /* untuk mobile320 */
					
		/*business-overview*/
		.business-text{float:left; width:300px;}
		
		/*investor center & governance*/
		table{width:300px;}
		.table1, .table2, .tablet3, .table4{width:100%;}
		
		.sign-up-enews1{width:120px;}
		.sign-up-enews2{width:12px;}
		.sign-up-enews3{width:300px;}
		.sign-up-enews4{width:200px;}
		
		/*stock quote*/
		#imgChart_0{width:300px; height:auto;}
		
		/*news & press*/
		.news{margin-top:10px;}
			.ne-list{width:24px;}
			.ne-content{width:276px;}
		
		/*contact us*/
		.contact1{width:110px;}
		.contact2{width:12px;}
		.contact3{width:300px;}
		.contact4{width:70px; margin-left:125px;}
		
		/*sitemap*/
		.content-sitemap{width:300px; margin:0 auto;}
			.content-sitemap .space-4{margin-top:20px;}
		.cs1, .cs2, .cs3{float:left; width:300px; margin:0; padding-bottom:20px;}
		
	/*FOOTER*/
	#footer{width:320px; margin:0 auto; margin-top:20px;}
		.footer-1{width:300px; margin-top:10px; margin-left:10px;}
			.footer-logo{width:300px; height:auto;}
		.footer-2{width:300px; margin-top:0px; margin-bottom:10px;}
			.link-sign-news a, .link-sign-news a:hover{padding:5px 30px 10px 0;}
			.link-rss a{padding:5px 30px 10px 6px;}
	
	.m-no{display:none;}
	
}


/*		Mobile Layout: 568px.
		Inherits styles from: Default Layout. mobile568*/
@media only screen and (min-width: 510px) and (max-width: 810px) {
	body{width:568px !important;}
	#body{width:548px; margin:0 auto; padding-top:28px;}
	
	/*TEXTFIELD*/
	
	.boxcontact{
		width: 290px;
		height: 15px;
		border: none;
		background:none;
		color: #444444;
		font-size:10px;
		padding:2px 0 0 4px;	
		border:none;
		outline:none;
	}
	#fieldcontact{
		width:300px;
		height:20px;
		background:url(images/form/txt-field.jpg) no-repeat top left;
		background-size:300px 20px;
	}
	
	.boxarea{
		width: 285px;
		height: 60px;
		background:none;
		border: none;
		color: #444444;
		font-size:12px;
		padding:5px 0 0 5px;
	}
	#fieldarea{
		width:300px;
		height:81px;
		background:url(images/form/txt-area.jpg) no-repeat;
		background-size:300px 81px;
	}
	
	/*HEADER*/
	#header{width:558px; margin:0 auto;}	
		.menu{display:none;}
		.menu-mobile{display:block; width:558px; margin:0 auto; position:absolute; z-index:999; margin-top:10px;}
			.mm-l{display:inline-block; margin-left:5px; font-weight:bold;}
			.mm-r{display:inline-block; margin:0 0 0 450px;}
	
	/*BODY*/		
		/*ddmmyy*/
		.year-row{float:left; width:480px; padding-left:20px;}
		
		/*breadcrum*/
		.breadcrum{padding-top:20px; width:460px;}
		
		/*menu*/
		.menu-content{display:none;}
	
	/*HOME*/
	.box_skitter{display:block;}
	.home-menu {padding-top:40px; display:none;}
	.home-content1{float:left; width:274px; margin:0 auto; margin-bottom:20px;}
	.home-content2{float:left; width:274px; margin:0 auto; margin-top:2px; margin-bottom:20px;}
		.iiu-1{float:left; width:32px; margin:4px 0 0 0;}
		.iiu-2{float:left; width:220px; margin:4px 0 0 4px;}
	.home-content3{float:none; width:548px; margin:0 auto; clear:both; background:url(images/line.png) repeat-x top; padding-top:20px; }
		.cnu-1{width:42px; margin:26px 0 0 0; padding-top:2px;}			
		.cnu-2{width:480px; margin:26px 0 0 20px;}
	
	/*CONTENT*/
	.content-text{float:none; width:548px; margin:0 auto;}
	
		/*portfolio-geographical*/
		.map{display:none;}
		.map-mobile{display:block; width:300px;}
		.map-jakarta{display:none;}
		
		/*corporate milestone*/
		.corporate-mobile{display:block;}
			
		/*leadership*/
		.leadership-team-content{float:left; width:548px; margin-top:6px;}
			.leadership-img{width:182px; height:auto;}
			.lt-1, .lt-2, .lt-3, .lt-4{float:left; width:182px; margin-left:0px}
			.leadership-team-content #clear{display:none;}
		
		/*awards*/
		.awards1{width:150px; float:left; padding:0; margin-bottom:20px; margin-left:5px;}
		.awards2{width:150px; float:left; margin-bottom:20px; margin-left:5px;}
			.awards-img{width:150px; height:115px;}
				.ai1{width:82px; height:auto;}
				.ai2{width:115px; height:auto;}
					
		/*business-overview*/
		.business-text{float:left; width:400px; margin-left:20px;}
		
		/*investor center & governance*/
		table{width:548px;}
		.table1, .table2, .tablet3, .table4{width:100%;}
		
		/*news & press*/
		.ne-content{width:500px;}
		
		/*contact us*/
		.contact4{width:70px; margin-left:20px;}
		
		/*sitemap*/
		.content-sitemap{width:548px; margin:0 auto;}
			.content-sitemap .space-4{margin-top:20px;}
		.cs1, .cs2, .cs3{float:left; width:182px; margin:0; padding-bottom:20px;}
		
	/*FOOTER*/
	#footer{width:568px; margin:0 auto; margin-top:20px;}
		.footer-1{width:300px; margin-top:10px; margin-left:5px;}
			.footer-logo{width:300px; height:auto;}
		.footer-2{position:absolute; width:300px; margin:5px 0 0 265px;}
			.link-sign-news a, .link-sign-news a:hover{padding:5px 30px 10px 0;}
			.link-rss a{padding:5px 30px 10px 10px;}	
	
	.m-no{display:none;}
}


/*08Mar2016*/
@media only screen and (min-width: 10px) and (max-width: 810px) {
	.sorting{display: none;}
  	.sorting-m{display: block; padding-bottom: 10px;}
	
	
  		.sorting-m div{float: left; padding-right: 10px; font-size: 12px; color: #444444;}
  	.styled-select {
	   background: url(images/form/select.jpg) no-repeat center; 
	   height: 20px;
	   overflow: hidden;
	   width: 76px;
	   position:relative;
	   margin:0 0 12px 0;
	   float: left;
	}
	.styled-select select {
	   color: #2b2b2b;
	   background: transparent;  
	   border:none;
	   font-size: 12px;
	   height: 20px;
	   padding: 2px; /* If you add too much padding here, the options won't show in IE */
	   width: 76px;
	   z-index:10;
	   position:absolute;
	   padding-left:10px;   
	}
	.styled-select select option{border:none; padding-left:12px; }

 }


/*========================================================*/
/*edit 11May2016*/
.leadership-text-b{font-size:12px; color:#444444; text-align:center; padding-top:2px; font-weight:bold;}
a .banner-link{font-size:16px; color:#ffffff; text-align:center; padding:10px 0; font-family: 'Roboto';}


.thumb-image
{
    width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; 
}
.thumb-image1 { }
.thumb-image2
{
    margin-left:8px;
}
.thumb-image3
{
    margin-top:4px;
}
.thumb-image4
{
    margin:4px 0 0 8px;
}
.thumb-image5
{
    margin-top:4px;
}
.thumb-image6
{
    margin:4px 0 0 8px;
}
#gallery a 
{
    display:block;
    width:200px; height:124px;
    overflow: hidden;
    border:1px solid #ccc;
    float:left;
    text-align:center;
    margin:0 16px 18px 0;
}

/*========================================================*/
/*edit 17Maret2020 GOOGLE RECAPTCHA*/
#btnSubscribe:disabled{
	cursor: no-drop;
}